Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "AI Modes",
+          name: "Pricing",          id: "#pricing"},
-          id: "#ai",
-        },
         {
-          name: "Pricing",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="NeuroBeats"
     />
@@ -56,16 +48,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="NeuroBeats"
-      description="Meet NeuroBeats – India’s Smartest AI Headphones. Control your world with your voice."
+      description="The world's first AI-powered headphones designed for seamless voice control and offline performance."
       buttons={[
         {
-          text: "Buy Now",
+          text: "Buy Now",          href: "#pricing"},
-          href: "#pricing",
-        },
         {
-          text: "Watch Demo",
+          text: "Watch Demo",          href: "#"},
-          href: "#",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074272.jpg"
@@ -79,23 +67,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Custom Wake Word",
+          title: "Custom Wake Word",          description: "Simply call 'Nova' to trigger your personal assistant.",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",          imageAlt: "Voice AI"},
-          description: "Simply call 'Nova' to trigger your personal assistant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",
-          imageAlt: "Voice AI",
-        },
         {
-          title: "Background Listening",
+          title: "Background Listening",          description: "Always ready to assist with low latency processing.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-couch-innovative-technology_53876-97924.jpg",          imageAlt: "AI Awareness"},
-          description: "Always ready to assist with low latency processing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-couch-innovative-technology_53876-97924.jpg",
-          imageAlt: "AI Awareness",
-        },
         {
-          title: "Call Integration",
+          title: "Call Integration",          description: "Reject, end, or mute calls just by speaking.",          imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",          imageAlt: "Smart Calls"},
-          description: "Reject, end, or mute calls just by speaking.",
-          imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
-          imageAlt: "Smart Calls",
-        },
       ]}
       title="Voice AI Core"
       description="Smart interaction like never before."
@@ -109,23 +85,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Zap,
-          icon: Zap,
+          title: "AI Features",          value: "27+"},
-          title: "AI Features",
-          value: "27+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Zap,
-          icon: Zap,
+          title: "Battery Life",          value: "60h"},
-          title: "Battery Life",
-          value: "60h",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: ShieldCheck,
-          icon: ShieldCheck,
+          title: "Made in India",          value: "100%"},
-          title: "Made in India",
-          value: "100%",
-        },
       ]}
       title="Smart Performance"
       description="Engineered for excellence."
@@ -140,41 +107,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "NeuroBeats Pro",          price: "₹7,999",          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg"},
-          name: "NeuroBeats Pro",
-          price: "₹7,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "NeuroBeats Air",          price: "₹6,499",          imageSrc: "http://img.b2bpic.net/free-photo/sporty-thoughtful-woman-with-curly-hair-listens-audio-track-wireless-headphones-touches-neck-concentrated-down-takes-break-after-workout_273609-55587.jpg"},
-          name: "NeuroBeats Air",
-          price: "₹6,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/sporty-thoughtful-woman-with-curly-hair-listens-audio-track-wireless-headphones-touches-neck-concentrated-down-takes-break-after-workout_273609-55587.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "NeuroBeats Lite",          price: "₹4,999",          imageSrc: "http://img.b2bpic.net/free-photo/volume-control-knob-hi-fi-amplifier_1232-3570.jpg"},
-          name: "NeuroBeats Lite",
-          price: "₹4,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/volume-control-knob-hi-fi-amplifier_1232-3570.jpg",
-        },
-        {
-          id: "p4",
-          name: "NeuroBeats ANC",
-          price: "₹6,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-surface_417767-439.jpg",
-        },
-        {
-          id: "p5",
-          name: "NeuroBeats Gaming",
-          price: "₹5,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg",
-        },
-        {
-          id: "p6",
-          name: "NeuroBeats Classic",
-          price: "₹5,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/dj-equipment_93675-132648.jpg",
-        },
       ]}
       title="Our Collection"
       description="Premium sound, next-gen intelligence."
@@ -188,37 +125,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "lite",
+          id: "lite",          name: "Lite",          price: "₹4,999",          features: [
-          name: "Lite",
+            "Basic AI",            "Long Battery",            "Offline Mode"],
-          price: "₹4,999",
-          features: [
-            "Basic AI",
-            "Long Battery",
-            "Offline Mode",
-          ],
           buttons: [
             {
-              text: "Buy Now",
+              text: "Buy Now"},
-            },
           ],
         },
         {
-          id: "pro",
+          id: "pro",          name: "Pro",          price: "₹7,999",          features: [
-          name: "Pro",
+            "Full AI Suite",            "ANC Technology",            "3D Sound",            "Offline+Online"],
-          price: "₹7,999",
-          features: [
-            "Full AI Suite",
-            "ANC Technology",
-            "3D Sound",
-            "Offline+Online",
-          ],
           buttons: [
             {
-              text: "Buy Now",
+              text: "Buy Now"},
-            },
           ],
-          badge: "Best Value",
+          badge: "Best Value"},
-        },
       ]}
       title="Pricing Plans"
       description="Best value AI headphones in India."
@@ -230,20 +151,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Does it work offline?",          content: "Yes, our core AI features work perfectly offline."},
-          title: "Does it work offline?",
-          content: "Yes, our core AI features work perfectly offline.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What about battery?",          content: "Up to 60 hours of continuous playback."},
-          title: "What about battery?",
-          content: "Up to 60 hours of continuous playback.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is it made in India?",          content: "Yes, NeuroBeats is proudly manufactured in India."},
-          title: "Is it made in India?",
-          content: "Yes, NeuroBeats is proudly manufactured in India.",
-        },
       ]}
       sideTitle="Questions?"
       faqsAnimation="blur-reveal"
@@ -257,26 +169,8 @@ export default function LandingPage() {
       rating={5}
       author="Ankit R., Tech Enthusiast"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-universe-projection-texture_23-2149581279.jpg", alt: "User 1" },
-          src: "http://img.b2bpic.net/free-photo/front-view-young-woman-shooting-with-projector_23-2149424924.jpg",
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-woman-posing-studio_23-2149417626.jpg", alt: "User 2" }
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/home-interior-decorated-brown-shades_23-2151934903.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-fit-man-beach-listening-music_273609-15943.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-universe-projection-texture_23-2149581279.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-woman-posing-studio_23-2149417626.jpg",
-          alt: "User 5",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -290,57 +184,28 @@ export default function LandingPage() {
       description="Have questions about NeuroBeats? We're here to help."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Name"},
-          type: "text",
-          placeholder: "Name",
-        },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email"},
-          type: "email",
-          placeholder: "Email",
-        },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Message"}}
-        placeholder: "Message",
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg"
       mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
-      columns={[
+        columns={[
-        {
+            { title: "Product", items: [{ label: "Headphones" }, { label: "Accessories" }] },
-          items: [
+            { title: "Company", items: [{ label: "About Us" }, { label: "Careers" }] }
-            {
+        ]}
-              label: "Shop",
+        bottomLeftText="© 2024 NeuroBeats. All Rights Reserved."
-              href: "#",
+        bottomRightText="Designed in India."
-            },
+      />
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Support",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="NeuroBeats"
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #000000;
-  --card: #481f1f;
+  --card: #0a0a0a;
   --foreground: #ffffff;
-  --primary-cta: #ffffff;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #280101;
-  --secondary-cta: #361311;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f6d4d4;
-  --accent: #51000b;
+  --accent: #1f7cff;
-  --background-accent: #ff2231;
+  --background-accent: #f96b2f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);