Update src/app/page.tsx

Merge version_1 into main

src/app/admin/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AdminDashboard() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={[{name: "Admin Panel", id: "#"}]} brandName="AuraAI Admin" />
+        <div className="pt-32 pb-20 px-6 container mx-auto min-h-[60vh]">
+          <h1 className="text-4xl font-bold mb-8">Admin Panel</h1>
+          <div className="grid gap-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+            <div className="p-6 rounded-xl border border-neutral-200">User Management</div>
+            <div className="p-6 rounded-xl border border-neutral-200">Platform Analytics</div>
+            <div className="p-6 rounded-xl border border-neutral-200">Payment Tracking</div>
+            <div className="p-6 rounded-xl border border-neutral-200">System Settings</div>
+          </div>
+        </div>
+        <FooterMedia columns={[]} imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=3" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/chat/page.tsx

@@ -0,0 +1,79 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useState } from "react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import { Mic, Send, Globe, Sun, Moon, Plus, History } from "lucide-react";
+
+export default function ChatPage() {
+  const [darkMode, setDarkMode] = useState(true);
+  
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <div className="min-h-screen flex flex-col">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Dashboard", id: "/" },
+            { name: "Chat", id: "/chat" }
+          ]}
+          brandName="AuraAI"
+        />
+        
+        <main className="flex-grow flex pt-20">
+          <aside className="w-64 border-r p-4 flex flex-col gap-4">
+            <button className="flex items-center gap-2 p-2 rounded hover:bg-accent">
+              <Plus size={20} /> New Chat
+            </button>
+            <div className="flex-grow overflow-y-auto space-y-2">
+              <div className="text-xs font-semibold uppercase opacity-60">Recent</div>
+              <button className="flex items-center gap-2 p-2 w-full text-left text-sm opacity-80">
+                <History size={16} /> Business Strategy
+              </button>
+            </div>
+          </aside>
+
+          <div className="flex-grow flex flex-col">
+            <header className="border-b p-4 flex justify-between items-center">
+              <h1 className="font-bold text-lg">AI Chat Interface</h1>
+              <div className="flex gap-2">
+                <button className="p-2 rounded-full border"><Globe size={18} /></button>
+                <button onClick={() => setDarkMode(!darkMode)} className="p-2 rounded-full border">
+                  {darkMode ? <Sun size={18} /> : <Moon size={18} />}
+                </button>
+              </div>
+            </header>
+            
+            <div className="flex-grow p-6 overflow-y-auto space-y-4">
+              <div className="bg-accent/20 p-4 rounded-lg max-w-lg">Hello! How can I assist you today?</div>
+            </div>
+
+            <div className="p-4 border-t flex gap-2">
+              <button className="p-3 rounded-full hover:bg-accent">
+                <Mic size={20} />
+              </button>
+              <input 
+                type="text" 
+                placeholder="Type your message..."
+                className="flex-grow p-3 rounded-lg border bg-transparent"
+              />
+              <button className="p-3 rounded-full bg-primary text-white">
+                <Send size={20} />
+              </button>
+            </div>
+          </div>
+        </main>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/dashboard/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function UserDashboard() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={[{name: "Dashboard", id: "#"}]} brandName="AuraAI Dashboard" />
+        <div className="pt-32 pb-20 px-6 container mx-auto min-h-[60vh]">
+          <h1 className="text-4xl font-bold mb-8">User Dashboard</h1>
+          <div className="grid gap-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+            <div className="p-6 rounded-xl border border-neutral-200">Profile Management</div>
+            <div className="p-6 rounded-xl border border-neutral-200">Subscription Status</div>
+            <div className="p-6 rounded-xl border border-neutral-200">Usage Analytics</div>
+            <div className="p-6 rounded-xl border border-neutral-200">Refer and Earn</div>
+            <div className="p-6 rounded-xl border border-neutral-200">Settings</div>
+          </div>
+        </div>
+        <FooterMedia columns={[]} imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=2" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,21 +31,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
+        {
-        },
+          name: "Chat",          id: "/chat"},
       ]}
       brandName="AuraAI"
     />
@@ -57,39 +51,23 @@ export default function LandingPage() {
       description="Your Personal AI Assistant for Learning, Business & Growth. Real-time NLP, multi-language support, and powerful content generation."
       buttons={[
         {
-          text: "Start Free Trial",
+          text: "Start Free Trial",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Explore Features",
+          text: "Explore Features",          href: "#features"},
-          href: "#features",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=1",          imageAlt: "AuraAI Chat Interface"},
-          imageAlt: "AuraAI Chat Interface",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=2",          imageAlt: "AuraAI Analytics"},
-          imageAlt: "AuraAI Analytics",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=3",          imageAlt: "AuraAI Grammar Assistant"},
-          imageAlt: "AuraAI Grammar Assistant",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=4",
+          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=4",          imageAlt: "AuraAI Content Writer"},
-          imageAlt: "AuraAI Content Writer",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=5",
+          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=5",          imageAlt: "AuraAI Code Generation"},
-          imageAlt: "AuraAI Code Generation",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=6",
+          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=6",          imageAlt: "AuraAI Business Ideas"},
-          imageAlt: "AuraAI Business Ideas",
-        },
       ]}
     />
   </div>
@@ -99,24 +77,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Redefining "},
-          content: "Redefining ",
-        },
         {
-          type: "text",
+          type: "text",          content: "the Future of AI Assistance"},
-          content: "the Future of AI Assistance",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",          alt: "About AuraAI"},
-          src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
-          alt: "About AuraAI",
-        },
       ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
     />
@@ -130,29 +99,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Real-time AI Chat",
+          title: "Real-time AI Chat",          description: "Engage in seamless conversations with our advanced real-time AI model.",          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=7",          imageAlt: "AI Chat"},
-          description: "Engage in seamless conversations with our advanced real-time AI model.",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=7",
-          imageAlt: "AI Chat",
-        },
         {
-          title: "Smart Language Learning",
+          title: "Smart Language Learning",          description: "English learning assistant with grammar correction and in-depth explanations.",          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=8",          imageAlt: "Learning Assistant"},
-          description: "English learning assistant with grammar correction and in-depth explanations.",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=8",
-          imageAlt: "Learning Assistant",
-        },
         {
-          title: "Content Generation",
+          title: "Content Generation",          description: "Effortlessly create blogs, ads, and captions with tailored marketing insights.",          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=9",          imageAlt: "Content Creation"},
-          description: "Effortlessly create blogs, ads, and captions with tailored marketing insights.",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=9",
-          imageAlt: "Content Creation",
-        },
         {
-          title: "Business & Strategy",
+          title: "Business & Strategy",          description: "AI-powered business ideas and professional marketing suggestions at scale.",          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=10",          imageAlt: "Business Strategy"},
-          description: "AI-powered business ideas and professional marketing suggestions at scale.",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-background_23-2148117807.jpg?_wi=10",
-          imageAlt: "Business Strategy",
-        },
       ]}
       title="Unmatched AI Capabilities"
       description="Powerful tools designed for learning, growth, and professional business productivity."
@@ -166,57 +119,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Entry",          price: "$45",          subtitle: "Perfect for casual users.",          features: [
-          badge: "Entry",
+            "Limited messages",            "Standard AI model",            "English learning assistant",            "Email support"],
-          price: "$45",
-          subtitle: "Perfect for casual users.",
-          features: [
-            "Limited messages",
-            "Standard AI model",
-            "English learning assistant",
-            "Email support",
-          ],
           buttons: [
             {
-              text: "Get Basic",
+              text: "Get Basic",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Popular",          price: "$75",          subtitle: "For power users & professionals.",          features: [
-          badge: "Popular",
+            "Unlimited messages",            "Advanced AI model",            "Full analytics",            "Priority support"],
-          price: "$75",
-          subtitle: "For power users & professionals.",
-          features: [
-            "Unlimited messages",
-            "Advanced AI model",
-            "Full analytics",
-            "Priority support",
-          ],
           buttons: [
             {
-              text: "Get Pro",
+              text: "Get Pro",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "premium",
+          id: "premium",          badge: "Enterprise",          price: "$99",          subtitle: "Full access to all capabilities.",          features: [
-          badge: "Enterprise",
+            "All Pro features",            "API access",            "Team collaboration",            "Dedicated manager"],
-          price: "$99",
-          subtitle: "Full access to all capabilities.",
-          features: [
-            "All Pro features",
-            "API access",
-            "Team collaboration",
-            "Dedicated manager",
-          ],
           buttons: [
             {
-              text: "Get Premium",
+              text: "Get Premium",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -232,45 +155,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          handle: "@sarah_tech",          testimonial: "AuraAI completely transformed my workflow. It's like having a dedicated assistant 24/7.",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=1"},
-          handle: "@sarah_tech",
-          testimonial: "AuraAI completely transformed my workflow. It's like having a dedicated assistant 24/7.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark D.",          handle: "@markdev",          testimonial: "The grammar assistant is a game-changer for my content writing. Highly recommend it.",          rating: 5,
-          name: "Mark D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg"},
-          handle: "@markdev",
-          testimonial: "The grammar assistant is a game-changer for my content writing. Highly recommend it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena P.",          handle: "@elena_business",          testimonial: "Excellent business insights and marketing strategies. It feels like a real human advisor.",          rating: 5,
-          name: "Elena P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg"},
-          handle: "@elena_business",
-          testimonial: "Excellent business insights and marketing strategies. It feels like a real human advisor.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          handle: "@davidk",          testimonial: "Solid performance, great UI, and the fastest chat responses I've experienced so far.",          rating: 5,
-          name: "David K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-male-worker-sitting-working-his-computer_171337-5883.jpg"},
-          handle: "@davidk",
-          testimonial: "Solid performance, great UI, and the fastest chat responses I've experienced so far.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-worker-sitting-working-his-computer_171337-5883.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jessica R.",          handle: "@jess_creative",          testimonial: "Incredible productivity gains. I use AuraAI for every single project I manage.",          rating: 5,
-          name: "Jessica R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=2"},
-          handle: "@jess_creative",
-          testimonial: "Incredible productivity gains. I use AuraAI for every single project I manage.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg?_wi=2",
-        },
       ]}
       showRating={true}
       title="What Our Users Say"
@@ -284,25 +182,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is there a free trial?",          content: "Yes, we offer a free trial with limited messages to help you get started."},
-          title: "Is there a free trial?",
-          content: "Yes, we offer a free trial with limited messages to help you get started.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Can I cancel my subscription?",          content: "You can cancel anytime directly from your dashboard settings."},
-          title: "Can I cancel my subscription?",
-          content: "You can cancel anytime directly from your dashboard settings.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Is my data secure?",          content: "We prioritize security with end-to-end encryption and secure API protections."},
-          title: "Is my data secure?",
-          content: "We prioritize security with end-to-end encryption and secure API protections.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "What payment methods do you accept?",          content: "We accept Stripe, PayPal, and Razorpay for Indian users."},
-          title: "What payment methods do you accept?",
-          content: "We accept Stripe, PayPal, and Razorpay for Indian users.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg"
       mediaAnimation="slide-up"
@@ -316,71 +202,47 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Ready to scale your business with AuraAI? Start your journey today."
       buttons={[
         {
-          text: "Start Free Trial Now",
+          text: "Start Free Trial Now",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=1"
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Social",
+          title: "Social",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "#"},
-              href: "#",
-            },
             {
-              label: "GitHub",
+              label: "GitHub",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #0a0a0a;
   --foreground: #ffffff;
   --primary-cta: #00d4ff;
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
   --accent: #00d4ff;
-  --background-accent: #1a1a1a;
+  --background-accent: #002a33;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);