From f289af987d2e3ae02816098226ffec3271141b19 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 07:43:38 +0000 Subject: [PATCH 1/3] Add src/app/ai-response/page.tsx --- src/app/ai-response/page.tsx | 107 +++++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 src/app/ai-response/page.tsx diff --git a/src/app/ai-response/page.tsx b/src/app/ai-response/page.tsx new file mode 100644 index 0000000..d2138a7 --- /dev/null +++ b/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 ( + + + + +
+

AI Response Details

+

+ 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. +

+
+

AI Response Card Placeholder

+

+ Content for the AI generated answer, results, SQL, semantic mapping, and metadata would go here. +

+

+ You can integrate custom components or build out this section to meet your requirements. +

+
+
+ + + + + ); +} -- 2.49.1 From 60cc3aec0c50aaa1f0a079a10abb6622d2ec4bf9 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 07:43:39 +0000 Subject: [PATCH 2/3] Add src/app/chat/page.tsx --- src/app/chat/page.tsx | 93 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 src/app/chat/page.tsx diff --git a/src/app/chat/page.tsx b/src/app/chat/page.tsx new file mode 100644 index 0000000..a1299ec --- /dev/null +++ b/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 ( + + + + +
+

AI Chat Interface

+
+
+ DB Buddy Chat +
+
+ {dummyMessages.map((message) => ( +
+
+ {message.text} +
+
+ ))} +
+
+
+ + + ); +} \ No newline at end of file -- 2.49.1 From 6971559c70ddf0c590d9c780ff4fa642a072cad0 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 07:43:39 +0000 Subject: [PATCH 3/3] Update src/app/page.tsx --- src/app/page.tsx | 369 +++++++++++------------------------------------ 1 file changed, 86 insertions(+), 283 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b8fc14d..a19ee69 100644 --- a/src/app/page.tsx +++ b/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() {
@@ -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() { +
+ 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" + /> +
+