railsui 3.1.5 → 3.2.1

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/pages/blog_category.html.erb

@@ -0,0 +1,261 @@
+<%= render "rui/shared/marketing/nav" %>
+
+<%= render "rui/shared/waves" %>
+
+<div class="relative py-16 sm:py-24">
+  <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <div class="text-center">
+      <h1 class="display-1">Artificial Intelligence</h1>
+      <div class="mx-auto prose prose-xl text-center prose-neutral dark:prose-invert">
+        <p>
+          Explore the latest developments in artificial intelligence, from cutting-edge research to practical
+          applications
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Featured Article -->
+<div class="py-16 dark:bg-neutral-900">
+  <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <div class="mb-12">
+      <h2 class="h4">Featured Article</h2>
+    </div>
+
+    <div class="container mx-auto">
+      <article
+        class="relative grid grid-cols-1 gap-0 overflow-hidden bg-white md:grid-cols-3 transition-shadow shadow-sm rounded-3xl outline-1 outline-neutral-300/80 dark:outline-neutral-600/70 hover:shadow-xl dark:shadow-md dark:shadow-black/40 dark:bg-neutral-900">
+        <div class="col-span-1">
+          <%= link_to rui_blog_show_path, class: "w-full h-full block" do %>
+            <%= image_tag "railsui/blog-feature.jpg", class: "w-full h-full object-cover", alt: "Feature article" %>
+          <% end %>
+        </div>
+        <div class="col-span-2 p-8 sm:p-12">
+          <div class="flex items-center mb-4 text-sm text-neutral-500 dark:text-neutral-400">
+            <span
+              class="px-3 py-1 text-xs font-medium rounded-full dark:text-neutral-200 dark:bg-neutral-600">Featured</span>
+            <span class="mx-2">•</span>
+            <time datetime="2024-01-15">January 15, 2024</time>
+            <span class="mx-2">•</span>
+            <span>10 min read</span>
+          </div>
+          <h3 class="mb-4 h3">
+            <%= link_to "The Future of AI Assistants: What's Coming Next", rui_blog_path, class: "transition-colors dark:text-neutral-100 text-neutral-800 dark:hover:text-white" %>
+          </h3>
+          <div class="mb-6 prose prose-neutral dark:prose-invert [text-wrap:balance]">
+            <p>
+              Explore the cutting-edge developments in AI technology and how they're shaping the next generation of
+              intelligent assistants. From improved reasoning to multimodal capabilities.
+            </p>
+          </div>
+          <div class="flex items-center">
+            <%= image_tag demo_avatar_url(variant: :men, id: 31), class: "w-12 h-12 rounded-full", alt: "John Rogers" %>
+            <div class="ml-4">
+              <p class="text-sm font-medium text-neutral-900 dark:text-neutral-100">John Rogers</p>
+              <p class="text-sm text-neutral-500">AI Research Lead</p>
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+  </div>
+</div>
+
+<!-- Blog Categories -->
+<div class="py-12">
+  <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <div class="flex flex-wrap justify-center gap-4">
+      <a href="#"
+        class="px-6 py-2 text-sm font-medium transition-colors rounded-full text-neutral-700 bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800">
+        All Posts
+      </a>
+      <a href="#"
+        class="px-6 py-2 text-sm font-medium text-white transition-colors rounded-full bg-neutral-900 dark:bg-neutral-800 dark:neutral-100">
+        Artificial Intelligence
+      </a>
+      <a href="#"
+        class="px-6 py-2 text-sm font-medium transition-colors rounded-full text-neutral-700 bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800">
+        Machine Learning
+      </a>
+      <a href="#"
+        class="px-6 py-2 text-sm font-medium transition-colors rounded-full text-neutral-700 bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800">
+        Neural Networks
+      </a>
+      <a href="#"
+        class="px-6 py-2 text-sm font-medium transition-colors rounded-full text-neutral-700 bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800">
+        Deep Learning
+      </a>
+      <a href="#"
+        class="px-6 py-2 text-sm font-medium transition-colors rounded-full text-neutral-700 bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800">
+        AI Ethics
+      </a>
+    </div>
+  </div>
+</div>
+
+<!-- Blog Grid -->
+<div class="py-16 bg-white dark:bg-neutral-900">
+  <div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
+    <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+      <%
+        articles = [
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog1.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Understanding Neural Networks: A Beginner's Guide",
+            excerpt: "Dive into the fundamentals of neural networks and learn how they power modern AI systems like Corgie AI.",
+            avatar_path: demo_avatar_url(variant: :women, id: 3),
+            author: "Sarah Wilson",
+            published_at: "May 12, 2025",
+            total_minutes: "7"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog2.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Getting Started with Corgie AI",
+            excerpt: "Learn how to use Corgie AI for your business needs with our step-by-step guide.",
+            avatar_path: demo_avatar_url(variant: :men, id: 49),
+            author: "Alex Chen",
+            published_at: "May 11, 2025",
+            total_minutes: "5"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog3.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Getting Started with Corgie AI",
+            excerpt: "Learn how to use Corgie AI for your business needs with our step-by-step guide.",
+            avatar_path: demo_avatar_url(variant: :men, id: 62),
+            author: "John Slamith",
+            published_at: "May 11, 2025",
+            total_minutes: "5"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog4.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Introducing Multimodal AI Capabilities",
+            excerpt: "Discover how our latest update enables image analysis, document processing, and more interactive conversations.",
+            avatar_path: demo_avatar_url(variant: :women, id: 62),
+            author: "Audrey Massy",
+            published_at: "May 10, 2025",
+            total_minutes: "5"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog5.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Introducing Advanced Context Memory",
+            excerpt: "Our latest update brings persistent conversation context that remembers your preferences, past discussions, and project details across sessions for truly personalized AI assistance.",
+            avatar_path: demo_avatar_url(variant: :women, id: 22),
+            author: "Sable Jones",
+            published_at: "May 9, 2025",
+            total_minutes: "5"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog6.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "AI Safety and Responsible Development",
+            excerpt: "Learn about our commitment to building safe, reliable, and beneficial AI systems.",
+            avatar_path: demo_avatar_url(variant: :women, id: 33),
+            author: "Samantha Bates",
+            published_at: "May 8, 2025",
+            total_minutes: "5"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog7.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Growing Our AI Research Team",
+            excerpt: "We're excited to welcome new researchers and engineers to help advance the state of AI conversation.",
+            avatar_path: demo_avatar_url(variant: :men, id: 61),
+            author: "Ricardo Sloan",
+            published_at: "May 8, 2025",
+            total_minutes: "5"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog8.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Building the Future of AI-Human Collaboration",
+            excerpt: "How we're designing AI systems that enhance human creativity and decision-making rather than replacing it, creating meaningful partnerships between people and technology.",
+            avatar_path: demo_avatar_url(variant: :men, id: 31),
+            author: "James Edwin",
+            published_at: "May 6, 2025",
+            total_minutes: "12"
+          },
+          {
+            path: rui_blog_show_path,
+            image_name: "railsui/blog9.jpg",
+            category_name: "Artificial Intelligence",
+            category_path: rui_blog_category_path,
+            title: "Our Journey to Carbon Neutral AI",
+            excerpt: "Learn about our initiatives and commitments to make our AI infrastructure environmentally sustainable.",
+            avatar_path: demo_avatar_url(variant: :women, id: 45),
+            author: "Emma Thompson",
+            published_at: "May 5, 2025",
+            total_minutes: "6"
+          }
+        ]
+      %>
+
+      <% articles.each do |article| %>
+        <%= render "rui/shared/blog/article",
+          path: article[:path],
+          image_name: article[:image_name],
+          category_name: article[:category_name],
+          category_path: article[:category_path],
+          title: article[:title],
+          excerpt: article[:excerpt],
+          avatar_path: article[:avatar_path],
+          author: article[:author],
+          published_at: article[:published_at],
+          total_minutes: article[:total_minutes]
+        %>
+      <% end %>
+    </div>
+
+    <%= render "rui/shared/blog/pagination" %>
+  </div>
+</div>
+
+<!-- Newsletter Signup -->
+<div class="bg-blue-600">
+  <div class="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center">
+    <div class="lg:w-0 lg:flex-1">
+      <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
+        Stay up to date
+      </h2>
+      <p class="max-w-3xl mt-3 text-lg leading-6 text-blue-200">
+        Get the latest artificial intelligence insights, research updates, and cutting-edge AI developments delivered to
+        your inbox.
+      </p>
+    </div>
+    <div class="mt-8 lg:mt-0 lg:ml-8">
+      <form class="sm:flex">
+        <label for="email-address" class="sr-only">Email address</label>
+        <input id="email-address" name="email-address" type="email" autocomplete="email" required
+          class="w-full px-5 py-3 border border-transparent rounded-md placeholder-neutral-500 focus:ring-2 focus:ring-offset-2 focus:ring-offset-blue-700 focus:ring-white focus:border-white sm:max-w-xs"
+          placeholder="Enter your email">
+        <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
+          <button type="submit"
+            class="w-full px-5 py-3 text-base font-medium text-white bg-blue-500 border border-transparent rounded-md hover:bg-blue-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-blue-700 focus:ring-white">
+            Subscribe
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>