railsui 3.1.5 → 3.2.0

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

@@ -0,0 +1,278 @@
+<div class="relative min-h-screen bg-white dark:bg-neutral-900">
+  <!-- Navigation -->
+  <%= render "rui/shared/marketing/nav" %>
+
+  <!-- Hero Section -->
+  <div class="px-6 py-16">
+    <div class="max-w-4xl mx-auto text-center">
+
+      <div class="flex items-center justify-center mb-6">
+        <%= icon "logo.svg", custom_path: "/railsui/logo.svg", class: "size-8 dark:fill-neutral-100 fill-neutral-800" %>
+      </div>
+
+      <h1 class="mb-6 h1">
+        About
+      </h1>
+      <p class="max-w-2xl mx-auto prose prose-xl prose-neutral dark:prose-invert">
+        We're building the future of AI conversation, making intelligent assistance accessible and helpful for everyone.
+      </p>
+    </div>
+  </div>
+
+  <!-- Mission Section -->
+  <div class="px-6 py-16 bg-neutral-50 dark:bg-neutral-800/50">
+    <div class="text-center">
+      <h2 class="mb-6 h2">
+        Our mission
+      </h2>
+      <div class="mx-auto prose prose-neutral dark:prose-invert">
+        <p>
+          At Corgie AI, we believe that artificial intelligence should enhance human creativity and productivity, not replace it. Our mission is to create AI tools that understand context, process information intelligently, and help people think through complex problems.
+        </p>
+        <p>
+          We're committed to building technology that's not just powerful, but also ethical, transparent, and accessible to everyone who wants to harness the potential of AI in their daily work and creative pursuits.
+        </p>
+      </div>
+    </div>
+  </div>
+
+
+  <!-- Values Section -->
+  <div class="px-6 py-20">
+    <div class="max-w-6xl mx-auto">
+      <div class="mb-16 text-center">
+        <h2 class="mb-4 h2">Our values</h2>
+        <p class="text-xl text-neutral-600 dark:text-neutral-400">
+          The principles that guide everything we do
+        </p>
+      </div>
+
+      <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+        <div class="card">
+          <div class="flex items-center justify-center mb-6 size-16 bg-neutral-200/60 rounded-2xl dark:bg-neutral-900">
+            <%= icon "shield-check", class: "size-8 text-neutral-700 dark:text-neutral-100 dark:text-neutral-100" %>
+          </div>
+          <h3 class="mb-4 h5">Privacy First</h3>
+          <div class="prose prose-neutral dark:prose-invert">
+            <p>Your conversations and data belong to you. We use enterprise-grade encryption and never share your information.</p>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="flex items-center justify-center mb-6 size-16 bg-neutral-200/60 rounded-2xl dark:bg-neutral-900">
+            <%= icon "heart", class: "size-8 text-neutral-700 dark:text-neutral-100" %>
+          </div>
+          <h3 class="mb-4 h5">Human-Centered</h3>
+          <div class="prose prose-neutral dark:prose-invert">
+            <p>We design AI that augments human intelligence rather than replacing it, keeping people at the center of every decision.</p>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="flex items-center justify-center mb-6 size-16 bg-neutral-200/60 rounded-2xl dark:bg-neutral-900">
+            <%= icon "academic-cap", class: "size-8 text-neutral-700 dark:text-neutral-100" %>
+          </div>
+          <h3 class="mb-4 h5">Continuous Learning</h3>
+          <div class="prose prose-neutral dark:prose-invert">
+            <p>We're constantly improving our AI models and capabilities based on user feedback and the latest research.</p>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="flex items-center justify-center mb-6 size-16 bg-neutral-200/60 rounded-2xl dark:bg-neutral-900">
+            <%= icon "users", class: "size-8 text-neutral-700 dark:text-neutral-100" %>
+          </div>
+          <h3 class="mb-4 h5">Accessibility</h3>
+          <div class="prose prose-neutral dark:prose-invert">
+            <p>Powerful AI tools should be available to everyone, regardless of technical expertise or background.</p>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="flex items-center justify-center mb-6 size-16 bg-neutral-200/60 rounded-2xl dark:bg-neutral-900">
+            <%= icon "beaker", class: "size-8 text-neutral-700 dark:text-neutral-100" %>
+          </div>
+          <h3 class="mb-4 h5">Transparency</h3>
+          <div class="prose prose-neutral dark:prose-invert">
+            <p>We're open about how our AI works, what data we use, and how we're working to address potential biases.</p>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="flex items-center justify-center mb-6 size-16 bg-neutral-200/60 rounded-2xl dark:bg-neutral-900">
+            <%= icon "globe-alt", class: "size-8 text-neutral-700 dark:text-neutral-100" %>
+          </div>
+          <h3 class="mb-4 h5">Global Impact</h3>
+          <div class="prose prose-neutral dark:prose-invert">
+            <p>We're building AI that can help solve real-world problems and create positive change at scale.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Team Section -->
+  <div class="px-6 py-20 bg-neutral-50 dark:bg-neutral-900/50">
+    <div class="max-w-6xl mx-auto">
+      <div class="mb-16 text-center">
+        <h2 class="mb-4 h2">Meet the team</h2>
+        <p class="text-xl text-neutral-600 dark:text-neutral-400">
+          The people behind Corgie AI
+        </p>
+      </div>
+
+      <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+        <!-- Team Member 1 -->
+        <%= render "rui/shared/marketing/team_member_card",
+            name: "Alex Sullivan",
+            image_url: demo_avatar_url(variant: :men, id: 35),
+            description: "Former machine learning researcher at Google, passionate about making AI accessible to everyone.",
+            role: "CTO & Co-founder" %>
+
+        <!-- Team Member 2 -->
+        <%= render "rui/shared/marketing/team_member_card",
+            name: "Maya Rodriguez",
+            image_url: demo_avatar_url(variant: :women, id: 95),
+            description: "AI systems architect with 15 years of experience building scalable machine learning platforms.",
+            role: "CTO & Co-founder" %>
+
+        <!-- Team Member 3 -->
+        <%= render "rui/shared/marketing/team_member_card",
+            name: "Jordan Lee",
+            image_url: demo_avatar_url(variant: :men, id: 51),
+            description: "Product design leader focused on creating intuitive AI experiences that feel natural and helpful.",
+            role: "Head of Product" %>
+
+        <!-- Team Member 4 -->
+        <%= render "rui/shared/marketing/team_member_card",
+            name: "Sarah Kim",
+            image_url: demo_avatar_url(variant: :women, id: 51),
+            description: "PhD in Natural Language Processing, specializing in conversational AI and context understanding.",
+            role: "Lead AI Researcher" %>
+
+        <!-- Team Member 5 -->
+        <%= render "rui/shared/marketing/team_member_card",
+            name: "David Song",
+            image_url: demo_avatar_url(variant: :men, id: 67),
+            description: "Full-stack engineer with expertise in distributed systems and real-time AI model deployment.",
+            role: "Head of Engineering" %>
+
+        <!-- Team Member 6 -->
+        <%= render "rui/shared/marketing/team_member_card",
+            name: "Emma Martinez",
+            image_url: demo_avatar_url(variant: :women, id: 68),
+            description: "User experience designer passionate about making complex AI interactions feel simple and delightful.",
+            role: "Head of Design" %>
+      </div>
+    </div>
+  </div>
+
+  <!-- Careers Section -->
+  <div class="px-6 py-20 bg-neutral-50 dark:bg-neutral-900/50">
+    <div class="max-w-6xl mx-auto">
+      <div class="mb-16 text-center">
+        <h2 class="mb-4 h2">Join our team</h2>
+        <p class="text-xl text-neutral-600 dark:text-neutral-400">
+          Help us build the future of AI conversation
+        </p>
+      </div>
+
+      <div class="max-w-2xl mx-auto">
+        <div class="space-y-4">
+          <%= render "rui/shared/marketing/career",
+            title: "Senior AI Engineer",
+            location: "San Francisco, CA",
+            role_type: "Remote",
+            href: "#" %>
+
+          <%= render "rui/shared/marketing/career",
+            title: "Product Designer",
+            location: "New York, NY",
+            role_type: "Hybrid",
+            href: "#" %>
+
+          <%= render "rui/shared/marketing/career",
+            title: "DevOps Engineer",
+            location: "Austin, TX",
+            role_type: "Remote",
+            href: "#" %>
+
+          <%= render "rui/shared/marketing/career",
+            title: "Data Scientist",
+            location: "Seattle, WA",
+            role_type: "Remote",
+            href: "#" %>
+
+          <%= render "rui/shared/marketing/career",
+            title: "Marketing Manager",
+            location: "Global",
+            role_type: "Remote",
+            href: "#" %>
+
+          <%= render "rui/shared/marketing/career",
+            title: "Customer Success",
+            location: "Chicago, IL",
+            role_type: "Hybrid",
+            href: "#" %>
+        </div>
+      </div>
+
+      <div class="mt-16 text-center">
+        <h3 class="mb-4 h4">Don't see a perfect fit?</h3>
+        <p class="mb-6 text-neutral-600 dark:text-neutral-400">
+          We're always looking for talented people who share our passion for AI and human-centered design.
+        </p>
+        <%= link_to "Send us your resume", "#", class: "btn btn-white" %>
+      </div>
+    </div>
+  </div>
+
+  <!-- Company Stats -->
+  <div class="px-6 py-20">
+    <div class="max-w-6xl mx-auto">
+      <div class="mb-16 text-center">
+        <h2 class="mb-4 h2">Growing with our community</h2>
+        <p class="text-xl text-neutral-600 dark:text-neutral-400">
+          We're proud to serve users around the world
+        </p>
+      </div>
+
+      <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-4">
+        <div class="text-center">
+          <div class="mb-4 text-4xl font-bold text-neutral-900 dark:text-white">50K+</div>
+          <div class="text-neutral-600 dark:text-neutral-400">Active users</div>
+        </div>
+        <div class="text-center">
+          <div class="mb-4 text-4xl font-bold text-neutral-900 dark:text-white">1M+</div>
+          <div class="text-neutral-600 dark:text-neutral-400">Conversations</div>
+        </div>
+        <div class="text-center">
+          <div class="mb-4 text-4xl font-bold text-neutral-900 dark:text-white">150+</div>
+          <div class="text-neutral-600 dark:text-neutral-400">Countries</div>
+        </div>
+        <div class="text-center">
+          <div class="mb-4 text-4xl font-bold text-neutral-900 dark:text-white">99.9%</div>
+          <div class="text-neutral-600 dark:text-neutral-400">Uptime</div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Contact Section -->
+  <div class="px-6 py-20 bg-neutral-50 dark:bg-neutral-900/50">
+    <div class="max-w-4xl mx-auto text-center">
+      <h2 class="mb-6 h2">
+        Join us on this journey
+      </h2>
+      <p class="mb-8 text-xl text-neutral-600 dark:text-neutral-400">
+        Whether you're a user, investor, or potential team member, we'd love to hear from you.
+      </p>
+      <div class="flex flex-col gap-4 sm:flex-row sm:justify-center">
+        <%= link_to "Get in touch", "#", class: "btn btn-primary" %>
+        <%= link_to "View careers", "#", class: "btn btn-white" %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%= render "rui/shared/search" %>

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

@@ -0,0 +1,258 @@
+<%= 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">
+        Blog
+      </h1>
+      <div class="mx-auto prose prose-xl text-center prose-neutral dark:prose-invert">
+        <p>
+          Insights, tutorials, and updates from the world of AI and intelligent conversation
+        </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="container mx-auto">
+      <article
+        class="relative grid grid-cols-1 gap-0 overflow-hidden bg-white shadow-sm md:grid-cols-3 dark:bg-neutral-900 rounded-3xl outline-1 outline-neutral-300/60 dark:outline-neutral-700/80">
+        <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: "object-cover h-full", alt: "Featured 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_show_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), 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">
+      <button
+        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">
+        All Posts
+      </button>
+      <button
+        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">
+        Technology
+      </button>
+      <button
+        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">
+        Tutorials
+      </button>
+      <button
+        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">
+        Features
+      </button>
+      <button
+        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">
+        Research
+      </button>
+      <button
+        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">
+        Company
+      </button>
+    </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: "Technology",
+            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: "Tutorials",
+            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: "Tutorials",
+            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: "Features",
+            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: "Features",
+            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: "Research",
+            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: "Company",
+            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: "Company",
+            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: "Company",
+            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-white border-t border-neutral-300/80 dark:border-neutral-700/80 dark:bg-transparent">
+  <div class="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:py-16 lg:px-8 md:flex flex-wrap items-center">
+    <div class="flex-1">
+      <h2 class="h3 mb-3">
+        Stay up to date
+      </h2>
+      <div class="prose prose-neutral dark:prose-invert">
+        <p>
+          Get the latest AI insights, tutorials, and Corgie AI updates delivered to your inbox.
+        </p>
+      </div>
+    </div>
+    <div class="mt-8 lg:mt-0 lg:ml-8">
+      <form class="md:w-[400px] w-full">
+        <label for="email-address" class="sr-only">Email address</label>
+        <div class="flex items-center gap-4">
+          <input id="email-address" name="email-address" type="email" autocomplete="email" required class="form-input"
+            placeholder="Enter your email">
+          <button type="submit" class="btn btn-primary py-2">
+            Subscribe
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>