Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ 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: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="5 Star Nails"
     />
@@ -52,41 +44,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Welcome to 5 Star Nails"
       description="Serena's premier spot in Mississauga for neon, cute, and creative nail art that makes you shine."
       buttons={[
         {
-          text: "Book Appointment",
+          text: "Book Appointment",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=1",          imageAlt: "Neon nail art design"},
-          imageAlt: "Neon nail art design",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=2",          imageAlt: "Neon nail art design 2"},
-          imageAlt: "Neon nail art design 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=3",          imageAlt: "Neon nail art design 3"},
-          imageAlt: "Neon nail art design 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=4",
+          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=4",          imageAlt: "Neon nail art design 4"},
-          imageAlt: "Neon nail art design 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=5",
+          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=5",          imageAlt: "Neon nail art design 5"},
-          imageAlt: "Neon nail art design 5",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=6",
+          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg?_wi=6",          imageAlt: "Neon nail art design 6"},
-          imageAlt: "Neon nail art design 6",
-        },
       ]}
     />
   </div>
@@ -96,8 +73,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Meet Serena"
       description={[
-        "At 5 Star Nails, Serena brings her passion for neon and cute aesthetics to Mississauga. We believe every nail set should be a piece of art that reflects your unique sparkle.",
+        "At 5 Star Nails, Serena brings her passion for neon and cute aesthetics to Mississauga. We believe every nail set should be a piece of art that reflects your unique sparkle."]}
-      ]}
     />
   </div>
 
@@ -107,26 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Popular",
+          tag: "Popular",          title: "Neon Gel Sets",          subtitle: "Bright & Bold",          description: "High-quality gel manicures featuring our signature neon color palette.",          imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109515.jpg"},
-          title: "Neon Gel Sets",
-          subtitle: "Bright & Bold",
-          description: "High-quality gel manicures featuring our signature neon color palette.",
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109515.jpg",
-        },
         {
-          tag: "Trending",
+          tag: "Trending",          title: "Cute Artistry",          subtitle: "Detailed Design",          description: "Custom cute nail art designs tailored to your vision.",          imageSrc: "http://img.b2bpic.net/free-photo/client-making-manicure-beauty-salon_1303-19142.jpg"},
-          title: "Cute Artistry",
-          subtitle: "Detailed Design",
-          description: "Custom cute nail art designs tailored to your vision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/client-making-manicure-beauty-salon_1303-19142.jpg",
-        },
         {
-          tag: "Essential",
+          tag: "Essential",          title: "Nail Care",          subtitle: "Healthy Nails",          description: "Professional care to keep your natural nails strong and healthy.",          imageSrc: "http://img.b2bpic.net/free-photo/model-getting-their-nails-done_23-2149921696.jpg"},
-          title: "Nail Care",
-          subtitle: "Healthy Nails",
-          description: "Professional care to keep your natural nails strong and healthy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/model-getting-their-nails-done_23-2149921696.jpg",
-        },
       ]}
       title="Our Signature Services"
       description="Expert nail care tailored to your style preferences."
@@ -136,30 +97,14 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="Serena is the absolute best! My nails always look neon-perfect and super cute every time I visit."
+      testimonial="Serena's nail studio is my absolute happy place! Every visit results in the cutest, trendiest nail art that stays perfect for weeks."
       rating={5}
       author="Jessica M."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-attractive-charismatic-woman-isolated_273609-35321.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-with-perfect-manicure-smiling_23-2148944596.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/glamor-closeup-beauty-portrait-beautiful-sensual-caucasian-young-woman-model-with-nude-makeup-touching-her-perfect-clean-skin-posing-dark-background_158538-12917.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-showing-colorful-nails_23-2148944588.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-enjoying-ice-cream-sandwich_23-2148161738.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
-          alt: "Client 5",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -170,9 +115,8 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
+      text="Ready for your dream nails? Book with Serena at 5 Star Nails and let's create something purple, pink, and perfectly you!"
-      text="Visit us in Mississauga today! Serena is ready to create your new favorite nail look."
     />
   </div>
 
@@ -181,34 +125,23 @@ export default function LandingPage() {
       logoText="5 Star Nails"
       columns={[
         {
-          title: "Location",
+          title: "Studio",          items: [
-          items: [
             {
-              label: "Mississauga, ON",
+              label: "Mississauga, ON",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Social",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
             {
-              label: "TikTok",
+              label: "TikTok",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Policies",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Cancellation Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -217,4 +150,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0f001a;
+  --background: #fdf2f8;
-  --card: #1d0528;
+  --card: #ffffff;
-  --foreground: #f8f8ff;
+  --foreground: #4a044e;
-  --primary-cta: #ff00ff;
+  --primary-cta: #db2777;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #00ffff;
+  --secondary-cta: #9333ea;
   --secondary-cta-text: #000000;
-  --accent: #ff00ff;
+  --accent: #e879f9;
-  --background-accent: #2d0a3d;
+  --background-accent: #fae8ff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);