Merge version_2 into main

Merge version_2 into main

src/app/ai-response/page.tsx

@@ -0,0 +1,107 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function AiResponsePage() {
+  const navItems = [
+    { name: "Home", id: "/#hero" },
+    { name: "Features", id: "/#features" },
+    { name: "Impact", id: "/#metrics" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "Pricing", id: "/#pricing" },
+    { name: "FAQs", id: "/#faqs" },
+    { name: "AI Response", id: "/ai-response" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Product",      items: [
+        { label: "Features", href: "/#features" },
+        { label: "Pricing", href: "/#pricing" },
+        { label: "Integrations", href: "#" },
+        { label: "Changelog", href: "#" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "#" },
+        { label: "Careers", href: "#" },
+        { label: "Blog", href: "#" },
+        { label: "Contact", href: "/#contact" },
+      ],
+    },
+    {
+      title: "Resources",      items: [
+        { label: "Documentation", href: "#" },
+        { label: "Support", href: "#" },
+        { label: "FAQs", href: "/#faqs" },
+        { label: "API Reference", href: "#" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+        { label: "Cookie Policy", href: "#" },
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="largeSmall"
+      background="noiseDiagonalGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149203399.jpg"
+            logoAlt="DB Buddy Logo"
+            brandName="DB Buddy"
+            button={{
+              text: "Get Started",              href: "/#contact"}}
+          />
+        </div>
+
+        <main className="min-h-screen py-20 flex flex-col items-center justify-center text-center">
+          <h1 className="text-4xl font-bold mb-4">AI Response Details</h1>
+          <p className="text-lg text-foreground/70 max-w-2xl">
+            This page is a placeholder for the detailed AI response card component.
+            The requested component structure (answer, results with tabs, SQL viewer, semantic mapping, metadata)
+            is highly specific and does not directly map to a single existing component in the registry.
+            Please add the custom implementation for your AI response component here.
+          </p>
+          <div className="mt-8 p-6 bg-card rounded-lg shadow-lg max-w-3xl w-full">
+              <h2 className="text-2xl font-semibold mb-4">AI Response Card Placeholder</h2>
+              <p className="text-foreground/80 mb-2">
+                  Content for the AI generated answer, results, SQL, semantic mapping, and metadata would go here.
+              </p>
+              <p className="text-sm text-foreground/60">
+                  You can integrate custom components or build out this section to meet your requirements.
+              </p>
+          </div>
+        </main>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={footerColumns}
+            bottomLeftText="© 2024 DB Buddy Inc. All rights reserved."
+            bottomRightText="Built with passion, powered by AI."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/chat/page.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+interface Message {
+  id: number;
+  text: string;
+  sender: 'user' | 'ai';
+}
+
+const dummyMessages: Message[] = [
+  { id: 1, text: "Hello DB Buddy, can you tell me the total sales for last quarter?", sender: 'user' },
+  { id: 2, text: "Certainly! I'm retrieving the data now. Please specify if you'd like to see it grouped by region or product category.", sender: 'ai' },
+  { id: 3, text: "Group it by region, please.", sender: 'user' },
+  { id: 4, text: "Understood. Here is the total sales for last quarter, grouped by region: North America: $1.2M, Europe: $850K, Asia: $700K. Would you like a detailed breakdown?", sender: 'ai' },
+  { id: 5, text: "No, thank you. That's perfect.", sender: 'user' },
+];
+
+export default function ChatPage() {
+  const navItems = [
+    {
+      name: "Home",      id: "/"},
+    {
+      name: "Features",      id: "#features"},
+    {
+      name: "Impact",      id: "#metrics"},
+    {
+      name: "Testimonials",      id: "#testimonials"},
+    {
+      name: "Pricing",      id: "#pricing"},
+    {
+      name: "FAQs",      id: "#faqs"},
+    {
+      name: "Chat",      id: "/chat"},
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149203399.jpg"
+            logoAlt="DB Buddy Logo"
+            brandName="DB Buddy"
+            button={{
+              text: "Get Started",              href: "#contact"}}
+          />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-80px)] py-10 px-4 sm:px-6 lg:px-8">
+          <h1 className="text-4xl font-bold mb-8 text-foreground">AI Chat Interface</h1>
+          <div className="w-full max-w-3xl bg-card rounded-lg shadow-xl overflow-hidden">
+            <div className="p-4 bg-primary-cta text-white text-lg font-semibold">
+              DB Buddy Chat
+            </div>
+            <div className="flex flex-col p-6 space-y-4 max-h-[600px] overflow-y-auto">
+              {dummyMessages.map((message) => (
+                <div
+                  key={message.id}
+                  className={`flex ${message.sender === 'user' ? 'justify-end' : 'justify-start'}`}
+                >
+                  <div
+                    className={`max-w-[70%] p-3 rounded-lg ${
+                      message.sender === 'user'
+                        ? 'bg-primary-cta text-white self-end'
+                        : 'bg-background-accent text-foreground self-start'
+                    }`}
+                  >
+                    {message.text}
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Inter_Tight } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 
 
 
@@ -40,6 +41,9 @@ export const metadata: Metadata = {
   },
 };
 
+
+
+
 const interTight = Inter_Tight({
   variable: "--font-inter-tight",
   subsets: ["latin"],

src/app/page.tsx

@@ -12,6 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Award, Briefcase, HelpCircle, History, Leaf, ShieldCheck, Sparkles, Star, Wallet, Zap } from "lucide-react";
+import EmailSignupForm from '@/components/form/EmailSignupForm';
 
 export default function LandingPage() {
   return (
@@ -32,124 +33,79 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Impact",
-          id: "#metrics",
-        },
+          name: "Impact",          id: "#metrics"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "FAQs",
-          id: "#faqs",
-        },
+          name: "FAQs",          id: "#faqs"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149203399.jpg"
       logoAlt="DB Buddy Logo"
       brandName="DB Buddy"
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "animated-grid",
-      }}
+        variant: "animated-grid"}}
       imagePosition="right"
       title="Unlock Your Data's Full Potential with AI"
       description="DB Buddy transforms natural language into powerful SQL queries and actionable insights, making complex data analysis accessible, fast, and transparent for everyone."
       kpis={[
         {
-          value: "10x",
-          label: "Faster Queries",
-        },
+          value: "10x",          label: "Faster Queries"},
         {
-          value: "99%",
-          label: "Accuracy",
-        },
+          value: "99%",          label: "Accuracy"},
         {
-          value: "80%",
-          label: "Time Saved",
-        },
+          value: "80%",          label: "Time Saved"},
       ]}
       enableKpiAnimation={true}
       tag="Meet DB Buddy"
       tagIcon={Sparkles}
       buttons={[
         {
-          text: "Start Free Trial",
-          href: "#contact",
-        },
+          text: "Start Free Trial",          href: "#contact"},
         {
-          text: "See How It Works",
-          href: "#features",
-        },
+          text: "See How It Works",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg"
       imageAlt="DB Buddy AI-powered database query dashboard"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
-          alt: "Male business executive",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",          alt: "Male business executive"},
         {
-          src: "http://img.b2bpic.net/free-photo/pensive-young-woman-closeup-emotion-concept_169016-66663.jpg",
-          alt: "Female data scientist",
-        },
+          src: "http://img.b2bpic.net/free-photo/pensive-young-woman-closeup-emotion-concept_169016-66663.jpg",          alt: "Female data scientist"},
         {
-          src: "http://img.b2bpic.net/free-photo/indoor-portrait-european-young-man-wearing-black-pullover-spectacles-working-with-laptop-light-office-sunny-day_291650-85.jpg",
-          alt: "Young male developer",
-        },
+          src: "http://img.b2bpic.net/free-photo/indoor-portrait-european-young-man-wearing-black-pullover-spectacles-working-with-laptop-light-office-sunny-day_291650-85.jpg",          alt: "Young male developer"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
-          alt: "Senior female manager",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",          alt: "Senior female manager"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
-          alt: "Male product lead",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",          alt: "Male product lead"},
       ]}
       avatarText="Join 10,000+ data professionals"
       marqueeItems={[
         {
-          type: "text",
-          text: "AI-Powered SQL Generation",
+          type: "text",          text: "AI-Powered SQL Generation"},
+        {
+          type: "text-icon",          text: "Real-time Insights",          icon: History,
         },
         {
-          type: "text-icon",
-          text: "Real-time Insights",
-          icon: History,
+          type: "text",          text: "Seamless Database Integration"},
+        {
+          type: "text-icon",          text: "Secure & Compliant",          icon: ShieldCheck,
         },
         {
-          type: "text",
-          text: "Seamless Database Integration",
-        },
-        {
-          type: "text-icon",
-          text: "Secure & Compliant",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Intuitive Analytics for All",
-        },
+          type: "text",          text: "Intuitive Analytics for All"},
       ]}
     />
   </div>
@@ -161,23 +117,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       negativeCard={{
         items: [
-          "Manual SQL Querying",
-          "Time-Consuming Data Prep",
-          "Limited Accessibility",
-          "Steep Learning Curve",
-          "Error-Prone Manual Joins",
-          "Delayed Insight Generation",
-        ],
+          "Manual SQL Querying",          "Time-Consuming Data Prep",          "Limited Accessibility",          "Steep Learning Curve",          "Error-Prone Manual Joins",          "Delayed Insight Generation"],
       }}
       positiveCard={{
         items: [
-          "Natural Language to SQL",
-          "Automated Semantic Mapping",
-          "Instant Tabular & Chart Views",
-          "SQL Transparency & Copy",
-          "Cross-Database Connectivity",
-          "Real-time Performance Metrics",
-        ],
+          "Natural Language to SQL",          "Automated Semantic Mapping",          "Instant Tabular & Chart Views",          "SQL Transparency & Copy",          "Cross-Database Connectivity",          "Real-time Performance Metrics"],
       }}
       title="Effortless Data Insights, Instant Productivity"
       description="Bridge the gap between natural language and complex databases. DB Buddy provides immediate, accurate results with full transparency."
@@ -193,29 +137,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "75%",
-          title: "Reduction in Query Time",
-          description: "Automated SQL generation drastically cuts down the time spent writing complex queries.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg",
-          imageAlt: "Graph showing reduction in query time",
-        },
+          id: "m1",          value: "75%",          title: "Reduction in Query Time",          description: "Automated SQL generation drastically cuts down the time spent writing complex queries.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg",          imageAlt: "Graph showing reduction in query time"},
         {
-          id: "m2",
-          value: "98%",
-          title: "Data Accuracy",
-          description: "Our semantic understanding ensures highly accurate SQL queries, leading to reliable results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg",
-          imageAlt: "Abstract illustration of data accuracy",
-        },
+          id: "m2",          value: "98%",          title: "Data Accuracy",          description: "Our semantic understanding ensures highly accurate SQL queries, leading to reliable results.",          imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg",          imageAlt: "Abstract illustration of data accuracy"},
         {
-          id: "m3",
-          value: "60%",
-          title: "Boost in Team Productivity",
-          description: "Empower non-technical users to access data directly, freeing up data teams for strategic initiatives.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-circular-light-painting-outdoors_23-2149679064.jpg",
-          imageAlt: "Illustration of team productivity boost",
-        },
+          id: "m3",          value: "60%",          title: "Boost in Team Productivity",          description: "Empower non-technical users to access data directly, freeing up data teams for strategic initiatives.",          imageSrc: "http://img.b2bpic.net/free-photo/bright-circular-light-painting-outdoors_23-2149679064.jpg",          imageAlt: "Illustration of team productivity boost"},
       ]}
       title="Real-world Impact, Unmatched Performance"
       description="Our AI engine delivers tangible results, optimizing your data workflows and empowering faster, smarter decisions."
@@ -230,65 +156,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Chen",
-          date: "2023-11-15",
-          title: "Game Changer for Analytics",
-          quote: "DB Buddy has completely transformed how our marketing team accesses data. No more waiting on SQL developers; they get answers instantly in plain English!",
-          tag: "Marketing Lead",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
-          avatarAlt: "Sarah Chen avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
-          imageAlt: "Dashboard view",
-        },
+          id: "t1",          name: "Sarah Chen",          date: "2023-11-15",          title: "Game Changer for Analytics",          quote: "DB Buddy has completely transformed how our marketing team accesses data. No more waiting on SQL developers; they get answers instantly in plain English!",          tag: "Marketing Lead",          avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",          avatarAlt: "Sarah Chen avatar",          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",          imageAlt: "Dashboard view"},
         {
-          id: "t2",
-          name: "Michael Lee",
-          date: "2024-01-22",
-          title: "SQL Transparency is Key",
-          quote: "As a developer, I love the ability to see the generated SQL. It builds trust and helps me understand the AI's logic. Plus, the copy feature is a lifesaver.",
-          tag: "Software Engineer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-          avatarAlt: "Michael Lee avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-          imageAlt: "SQL code snippet",
-        },
+          id: "t2",          name: "Michael Lee",          date: "2024-01-22",          title: "SQL Transparency is Key",          quote: "As a developer, I love the ability to see the generated SQL. It builds trust and helps me understand the AI's logic. Plus, the copy feature is a lifesaver.",          tag: "Software Engineer",          avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",          avatarAlt: "Michael Lee avatar",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",          imageAlt: "SQL code snippet"},
         {
-          id: "t3",
-          name: "Emily Rodriguez",
-          date: "2023-12-01",
-          title: "Unlocks Data for Everyone",
-          quote: "Our business analysts can now query complex datasets without any SQL knowledge. It's truly democratized data access across our organization.",
-          tag: "Data Strategist",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg",
-          avatarAlt: "Emily Rodriguez avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg",
-          imageAlt: "Table view of data",
-        },
+          id: "t3",          name: "Emily Rodriguez",          date: "2023-12-01",          title: "Unlocks Data for Everyone",          quote: "Our business analysts can now query complex datasets without any SQL knowledge. It's truly democratized data access across our organization.",          tag: "Data Strategist",          avatarSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg",          avatarAlt: "Emily Rodriguez avatar",          imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg",          imageAlt: "Table view of data"},
         {
-          id: "t4",
-          name: "David Kim",
-          date: "2024-02-10",
-          title: "Streamlined Reporting Workflow",
-          quote: "Generating reports used to take hours. With DB Buddy, I can get all the data I need in minutes, presented in clear, customizable formats.",
-          tag: "Operations Manager",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
-          avatarAlt: "David Kim avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",
-          imageAlt: "Chart view of data",
-        },
+          id: "t4",          name: "David Kim",          date: "2024-02-10",          title: "Streamlined Reporting Workflow",          quote: "Generating reports used to take hours. With DB Buddy, I can get all the data I need in minutes, presented in clear, customizable formats.",          tag: "Operations Manager",          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",          avatarAlt: "David Kim avatar",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",          imageAlt: "Chart view of data"},
         {
-          id: "t5",
-          name: "Jessica White",
-          date: "2024-03-05",
-          title: "Intuitive and Powerful",
-          quote: "I was skeptical at first, but DB Buddy is surprisingly intuitive. The semantic interpretation feature is brilliant and saves so much time in understanding relationships.",
-          tag: "Data Scientist",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79307.jpg",
-          avatarAlt: "Jessica White avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
-          imageAlt: "Semantic interpretation chips",
-        },
+          id: "t5",          name: "Jessica White",          date: "2024-03-05",          title: "Intuitive and Powerful",          quote: "I was skeptical at first, but DB Buddy is surprisingly intuitive. The semantic interpretation feature is brilliant and saves so much time in understanding relationships.",          tag: "Data Scientist",          avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79307.jpg",          avatarAlt: "Jessica White avatar",          imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",          imageAlt: "Semantic interpretation chips"},
       ]}
       title="Trusted by Data Professionals"
       description="Hear how DB Buddy has revolutionized data interaction for our users."
@@ -304,61 +180,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
-          badge: "Trial",
-          badgeIcon: Leaf,
-          price: "$0",
-          subtitle: "Perfect for individuals and small teams.",
-          buttons: [
+          id: "starter",          badge: "Trial",          badgeIcon: Leaf,
+          price: "$0",          subtitle: "Perfect for individuals and small teams.",          buttons: [
             {
-              text: "Start Free",
-            },
+              text: "Start Free"},
           ],
           features: [
-            "50 AI Queries/month",
-            "1 Database Connection",
-            "Basic SQL Transparency",
-            "Community Support",
-          ],
+            "50 AI Queries/month",            "1 Database Connection",            "Basic SQL Transparency",            "Community Support"],
         },
         {
-          id: "pro",
-          badge: "Recommended",
-          badgeIcon: Sparkles,
-          price: "$99/month",
-          subtitle: "For growing teams needing advanced analytics.",
-          buttons: [
+          id: "pro",          badge: "Recommended",          badgeIcon: Sparkles,
+          price: "$99/month",          subtitle: "For growing teams needing advanced analytics.",          buttons: [
             {
-              text: "Get Pro",
-            },
+              text: "Get Pro"},
           ],
           features: [
-            "Unlimited AI Queries",
-            "Up to 5 Database Connections",
-            "Full SQL Transparency",
-            "Priority Email Support",
-            "Semantic Interpretation",
-          ],
+            "Unlimited AI Queries",            "Up to 5 Database Connections",            "Full SQL Transparency",            "Priority Email Support",            "Semantic Interpretation"],
         },
         {
-          id: "enterprise",
-          badge: "Custom",
-          badgeIcon: Briefcase,
-          price: "Contact Us",
-          subtitle: "Tailored for large organizations with complex needs.",
-          buttons: [
+          id: "enterprise",          badge: "Custom",          badgeIcon: Briefcase,
+          price: "Contact Us",          subtitle: "Tailored for large organizations with complex needs.",          buttons: [
             {
-              text: "Request Demo",
-              href: "#contact",
-            },
+              text: "Request Demo",              href: "#contact"},
           ],
           features: [
-            "All Pro Features",
-            "Unlimited Connections",
-            "Dedicated Account Manager",
-            "On-premise Deployment Options",
-            "Advanced Security & Compliance",
-          ],
+            "All Pro Features",            "Unlimited Connections",            "Dedicated Account Manager",            "On-premise Deployment Options",            "Advanced Security & Compliance"],
         },
       ]}
       title="Simple Pricing, Powerful Features"
@@ -374,30 +220,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "How does DB Buddy ensure data security?",
-          content: "DB Buddy never stores your actual database credentials. We use secure, encrypted connections to interact with your databases, and all queries are processed in a highly secure environment.",
-        },
+          id: "q1",          title: "How does DB Buddy ensure data security?",          content: "DB Buddy never stores your actual database credentials. We use secure, encrypted connections to interact with your databases, and all queries are processed in a highly secure environment."},
         {
-          id: "q2",
-          title: "What types of databases does DB Buddy support?",
-          content: "We currently support PostgreSQL, MySQL, SQL Server, and Amazon Redshift. We are continuously adding support for more databases based on user demand.",
-        },
+          id: "q2",          title: "What types of databases does DB Buddy support?",          content: "We currently support PostgreSQL, MySQL, SQL Server, and Amazon Redshift. We are continuously adding support for more databases based on user demand."},
         {
-          id: "q3",
-          title: "Can I edit the AI-generated SQL query?",
-          content: "Yes! DB Buddy provides the full SQL query generated by the AI, which you can inspect, copy, and modify if needed before executing or using in other tools.",
-        },
+          id: "q3",          title: "Can I edit the AI-generated SQL query?",          content: "Yes! DB Buddy provides the full SQL query generated by the AI, which you can inspect, copy, and modify if needed before executing or using in other tools."},
         {
-          id: "q4",
-          title: "Is there a limit to query complexity?",
-          content: "Our AI is designed to handle a wide range of query complexities, from simple aggregations to complex joins. For extremely intricate scenarios, you can always review and refine the generated SQL.",
-        },
+          id: "q4",          title: "Is there a limit to query complexity?",          content: "Our AI is designed to handle a wide range of query complexities, from simple aggregations to complex joins. For extremely intricate scenarios, you can always review and refine the generated SQL."},
         {
-          id: "q5",
-          title: "How does semantic interpretation work?",
-          content: "DB Buddy learns from your database schema and usage patterns to understand common terms and relationships, automatically mapping natural language concepts like 'revenue' or 'orders' to your specific database columns.",
-        },
+          id: "q5",          title: "How does semantic interpretation work?",          content: "DB Buddy learns from your database schema and usage patterns to understand common terms and relationships, automatically mapping natural language concepts like 'revenue' or 'orders' to your specific database columns."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/colorful-3d-shapes-vaporwave-style_23-2148981127.jpg"
       imageAlt="Abstract illustration of question and answer"
@@ -415,105 +246,77 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Ready to Transform Your Data?"
       title="Experience the Future of Database Interaction"
       description="Join thousands of developers and analysts who are accelerating their insights with DB Buddy. Start your free trial today!"
       buttons={[
         {
-          text: "Get Started for Free",
-          href: "#",
-        },
+          text: "Get Started for Free",          href: "#"},
         {
-          text: "Request a Demo",
-          href: "#",
-        },
+          text: "Request a Demo",          href: "#"},
       ]}
     />
   </div>
 
+  <div id="bottom-input" data-section="bottom-input">
+    <EmailSignupForm
+      inputPlaceholder="Enter your message..."
+      buttonText="Send"
+      onSubmit={(message) => console.log('Message sent:', message)}
+      className="max-w-md mx-auto p-4 flex gap-2"
+      inputClassName="flex-grow border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+      buttonClassName="bg-primary-cta text-primary-cta-foreground rounded-lg px-4 py-2 whitespace-nowrap"
+    />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Integrations",
-              href: "#",
-            },
+              label: "Integrations",              href: "#"},
             {
-              label: "Changelog",
-              href: "#",
-            },
+              label: "Changelog",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Documentation",
-              href: "#",
-            },
+              label: "Documentation",              href: "#"},
             {
-              label: "Support",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
             {
-              label: "FAQs",
-              href: "#faqs",
-            },
+              label: "FAQs",              href: "#faqs"},
             {
-              label: "API Reference",
-              href: "#",
-            },
+              label: "API Reference",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Cookie Policy",
-              href: "#",
-            },
+              label: "Cookie Policy",              href: "#"},
           ],
         },
       ]}