Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Nail Art",
+          name: "Nail Art",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="DreamNails"
     />
@@ -60,77 +50,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Nails That Tell Your Story"
       description="Premium nail care and custom art designed just for you. Book your dream nails with Dora today."
       kpis={[
         {
-          value: "10+",
+          value: "10+",          label: "Years Experience"},
-          label: "Years Experience",
-        },
         {
-          value: "5000+",
+          value: "5000+",          label: "Happy Clients"},
-          label: "Happy Clients",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Hygiene Guaranteed"},
-          label: "Hygiene Guaranteed",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Your Appointment",
+          text: "Book Your Appointment",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-nail-care-products_23-2148974566.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262887.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262887.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg",
+          src: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
+          src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Loved by thousands"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Classic Manicure"},
-          text: "Classic Manicure",
-        },
         {
-          type: "text",
+          type: "text",          text: "Gel Extensions"},
-          text: "Gel Extensions",
-        },
         {
-          type: "text",
+          type: "text",          text: "Bridal Art"},
-          text: "Bridal Art",
-        },
         {
-          type: "text",
+          type: "text",          text: "Nail Repair"},
-          text: "Nail Repair",
-        },
         {
-          type: "text",
+          type: "text",          text: "Luxury Pedicure"},
-          text: "Luxury Pedicure",
-        },
       ]}
     />
   </div>
@@ -142,19 +103,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Sparkles,
-          label: "Creativity",
+          label: "Creativity",          value: "Custom Designs"},
-          value: "Custom Designs",
-        },
         {
           icon: ShieldCheck,
-          label: "Hygiene",
+          label: "Hygiene",          value: "Safety First"},
-          value: "Safety First",
-        },
         {
           icon: Heart,
-          label: "Comfort",
+          label: "Comfort",          value: "Relaxing Space"},
-          value: "Relaxing Space",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -168,20 +123,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Premium Manicures",
+          title: "Premium Manicures",          description: "Expert shaping, cuticle care, and long-lasting polish applications.",          imageSrc: "http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg"},
-          description: "Expert shaping, cuticle care, and long-lasting polish applications.",
-          imageSrc: "http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg",
-        },
         {
-          title: "Custom Nail Art",
+          title: "Custom Nail Art",          description: "Personalized designs created by our artists to tell your unique story.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2909.jpg"},
-          description: "Personalized designs created by our artists to tell your unique story.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2909.jpg",
-        },
         {
-          title: "Hygiene Standards",
+          title: "Hygiene Standards",          description: "Rigorous sterilization processes to ensure your peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg"},
-          description: "Rigorous sterilization processes to ensure your peace of mind.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg",
-        },
       ]}
       title="Our Signature Services"
       description="Indulge in our range of professional treatments tailored to suit your lifestyle and unique personality."
@@ -196,41 +142,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Classic Elegance",          price: "€35",          imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg"},
-          name: "Classic Elegance",
-          price: "€35",
-          imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Modern Stiletto",          price: "€50",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-elegant-woman-with-bright-make-up-dark-blazer_291049-117.jpg"},
-          name: "Modern Stiletto",
-          price: "€50",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-elegant-woman-with-bright-make-up-dark-blazer_291049-117.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Minimalist Nude",          price: "€40",          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg"},
-          name: "Minimalist Nude",
-          price: "€40",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Bridal Sparkle",          price: "€65",          imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-put-their-hands-flowers_8353-10437.jpg"},
-          name: "Bridal Sparkle",
-          price: "€65",
-          imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-put-their-hands-flowers_8353-10437.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Seasonal Floral",          price: "€55",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-female-hands-holding-small-chamomile_627829-7625.jpg"},
-          name: "Seasonal Floral",
-          price: "€55",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-female-hands-holding-small-chamomile_627829-7625.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Geometric Matte",          price: "€45",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-bad-girl-trendy-red-summer-clothes-earring-her-nose-sexy-carefree-smiling-woman-posing-studio-pink-wig-positive-model-shows-ok-sign_158538-15523.jpg"},
-          name: "Geometric Matte",
-          price: "€45",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-bad-girl-trendy-red-summer-clothes-earring-her-nose-sexy-carefree-smiling-woman-posing-studio-pink-wig-positive-model-shows-ok-sign_158538-15523.jpg",
-        },
       ]}
       title="Featured Nail Designs"
       description="Explore our portfolio of recent work to inspire your next visit."
@@ -245,23 +167,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "m1",
+          id: "m1",          name: "Dora",          role: "Head Artist",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24247.jpg"},
-          name: "Dora",
-          role: "Head Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24247.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          name: "Maria",          role: "Nail Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg"},
-          name: "Maria",
-          role: "Nail Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          name: "Elena",          role: "Nail Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-blinked-young-beautiful-girl-sits-table-with-makeup-tools-wrapped-hair-towel-applying-lipstick-isolated-pink-wall_141793-106041.jpg"},
-          name: "Elena",
-          role: "Nail Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-blinked-young-beautiful-girl-sits-table-with-makeup-tools-wrapped-hair-towel-applying-lipstick-isolated-pink-wall_141793-106041.jpg",
-        },
       ]}
       title="Meet Your Nail Artist"
       description="Meet our team of dedicated professionals committed to perfection."
@@ -275,40 +185,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Anna",          role: "Regular Client",          testimonial: "Dora is absolutely the best in town!",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg"},
-          name: "Anna",
-          role: "Regular Client",
-          testimonial: "Dora is absolutely the best in town!",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Sofia",          role: "Special Occasion",          testimonial: "My wedding nails were perfect.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg"},
-          name: "Sofia",
-          role: "Special Occasion",
-          testimonial: "My wedding nails were perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Christina",          role: "Regular Client",          testimonial: "Professional, clean, and so talented.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-manicure-accessories-green-surface_140725-64183.jpg"},
-          name: "Christina",
-          role: "Regular Client",
-          testimonial: "Professional, clean, and so talented.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-holding-manicure-accessories-green-surface_140725-64183.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Eleni",          role: "Special Occasion",          testimonial: "Highly recommended for custom art.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg"},
-          name: "Eleni",
-          role: "Special Occasion",
-          testimonial: "Highly recommended for custom art.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Maria",          role: "Regular Client",          testimonial: "Simply the best experience ever.",          imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
-          name: "Maria",
-          role: "Regular Client",
-          testimonial: "Simply the best experience ever.",
-          imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
-        },
       ]}
       title="Client Love"
       description="Don't just take our word for it—see what our clients have to say about their experience."
@@ -320,20 +205,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I book?",          content: "You can book directly via our online portal."},
-          title: "How do I book?",
-          content: "You can book directly via our online portal.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you do custom art?",          content: "Yes! Custom art is our specialty."},
-          title: "Do you do custom art?",
-          content: "Yes! Custom art is our specialty.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is the salon hygienic?",          content: "Absolutely, hygiene is our top priority."},
-          title: "Is the salon hygienic?",
-          content: "Absolutely, hygiene is our top priority.",
-        },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -344,16 +220,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Ready to book?"
       title="Book Your Appointment"
       description="Secure your spot at DreamNails today."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -363,29 +236,19 @@ export default function LandingPage() {
       logoText="DreamNailsByDora"
       columns={[
         {
-          title: "Salon",
+          title: "Salon",          items: [
-          items: [
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #fdf2f8;
-  --card: #f3ede2;
+  --card: #fce7f3;
-  --foreground: #2e2521;
+  --foreground: #500724;
-  --primary-cta: #2e2521;
+  --primary-cta: #be185d;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fce7f3;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #fbcfe8;
-  --background-accent: #b2a28b;
+  --background-accent: #f9a8d4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);