Update src/app/styles/base.css

Merge version_3 into main

src/app/page.tsx

@@ -32,109 +32,68 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Reviews",
-          id: "reviews",
-        },
+          name: "Reviews",          id: "reviews"},
         {
-          name: "Info",
-          id: "info",
-        },
+          name: "Info",          id: "info"},
       ]}
       brandName="Louis Nails & Spa"
       button={{
-        text: "Book Now",
-        href: "tel:+16042890088",
-      }}
+        text: "Book Now",        href: "tel:+16042890088"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Where beauty meets tranquility."
       description="A newly renovated nail salon & spa bringing expert artistry, a relaxing atmosphere, and warm hospitality to Mission. Your nails deserve perfection."
       kpis={[
         {
-          value: "5.0",
-          label: "Google Rating",
-        },
+          value: "5.0",          label: "Google Rating"},
         {
-          value: "126+",
-          label: "5-Star Reviews",
-        },
+          value: "126+",          label: "5-Star Reviews"},
         {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
+          value: "100%",          label: "Client Satisfaction"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Appointment",
-          href: "tel:+16042890088",
-        },
+          text: "Book Appointment",          href: "tel:+16042890088"},
         {
-          text: "Explore Services",
-          href: "#services",
-        },
+          text: "Explore Services",          href: "#services"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg"
       imageAlt="Louis Nails & Spa Mission BC"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883531.jpg",
-          alt: "Client avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883531.jpg",          alt: "Client avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
-          alt: "Client avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",          alt: "Client avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg",
-          alt: "Client avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg",          alt: "Client avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg",
-          alt: "Client avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg",          alt: "Client avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg",
-          alt: "Client avatar 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg",          alt: "Client avatar 5"},
       ]}
       avatarText="Trusted by 500+ happy clients"
       marqueeItems={[
         {
-          type: "text",
-          text: "Organic Products",
-        },
+          type: "text",          text: "Organic Products"},
         {
-          type: "text",
-          text: "Sanitization Focused",
-        },
+          type: "text",          text: "Sanitization Focused"},
         {
-          type: "text",
-          text: "Expert Artistry",
-        },
+          type: "text",          text: "Expert Artistry"},
         {
-          type: "text",
-          text: "Relaxing Vibe",
-        },
+          type: "text",          text: "Relaxing Vibe"},
         {
-          type: "text",
-          text: "Mission's Favorite",
-        },
+          type: "text",          text: "Mission's Favorite"},
       ]}
     />
   </div>
@@ -144,9 +103,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A new era of nail artistry."
       description={[
-        "Under new ownership, Louis Nails & Spa has been beautifully renovated into Mission's most welcoming nail destination. Our passionate team brings expertise, warmth, and genuine care to every single service.",
-        "From the moment you walk in, you'll feel the difference. Tea or coffee while you wait. A team that listens. Results that exceed your expectations.",
-      ]}
+        "Under new ownership, Louis Nails & Spa has been beautifully renovated into Mission's most welcoming nail destination. Our passionate team brings expertise, warmth, and genuine care to every single service.",        "From the moment you walk in, you'll feel the difference. Tea or coffee while you wait. A team that listens. Results that exceed your expectations."]}
     />
   </div>
 
@@ -157,25 +114,19 @@ export default function LandingPage() {
       description="We offer a range of premium nail and spa services designed to refresh and revitalize."
       accordionItems={[
         {
-          id: "s1",
-          title: "Manicures",
-          content: "Gel, shellac, acrylic, and natural nail care — shaped, buffed, and finished to perfection.",
-        },
+          id: "s1",          title: "Manicures",          content: "Gel, shellac, acrylic, and natural nail care — shaped, buffed, and finished to perfection."},
         {
-          id: "s2",
-          title: "Pedicures",
-          content: "Deluxe spa pedicures with luxurious foot massages and stone treatments.",
-        },
+          id: "s2",          title: "Pedicures",          content: "Deluxe spa pedicures with luxurious foot massages and stone treatments."},
         {
-          id: "s3",
-          title: "Nail Art",
-          content: "From subtle French tips to intricate 3D nail art and custom designs.",
-        },
+          id: "s3",          title: "Nail Art",          content: "From subtle French tips to intricate 3D nail art and custom designs."},
         {
-          id: "s4",
-          title: "Spa Add-Ons",
-          content: "Tea or coffee service, birthday surprises, and gift with purchase programs.",
-        },
+          id: "s4",          title: "Gel & Acrylic Extensions",          content: "Full sets and refills for long-lasting, durable nails in a variety of styles."},
+        {
+          id: "s5",          title: "Dip Powder (SNS)",          content: "Long-lasting, lightweight, and healthy nail color application."},
+        {
+          id: "s6",          title: "Waxing Services",          content: "Gentle facial and body waxing for a smooth, clean finish."},
+        {
+          id: "s7",          title: "Add-ons",          content: "Paraffin wax, hot stone therapy, and extended massage sessions."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg"
       mediaAnimation="slide-up"
@@ -190,25 +141,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "126+",
-          title: "Happy Reviews",
-          description: "Verified Google ratings",
-          icon: Star,
+          id: "m1",          value: "126+",          title: "Happy Reviews",          description: "Verified Google ratings",          icon: Star,
         },
         {
-          id: "m2",
-          value: "5.0",
-          title: "Star Rating",
-          description: "Average client satisfaction",
-          icon: Award,
+          id: "m2",          value: "5.0",          title: "Star Rating",          description: "Average client satisfaction",          icon: Award,
         },
         {
-          id: "m3",
-          value: "10+",
-          title: "Years Experience",
-          description: "Artistry and care combined",
-          icon: Users,
+          id: "m3",          value: "10+",          title: "Years Experience",          description: "Artistry and care combined",          icon: Users,
         },
       ]}
       title="Excellence in Every Detail"
@@ -223,59 +162,37 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Tania D.",
-          role: "Loyal Customer",
-          company: "Mission Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
+          id: "1",          name: "Tania D.",          role: "Loyal Customer",          company: "Mission Resident",          rating: 5,
         },
         {
-          id: "2",
-          name: "Tia S.",
-          role: "Verified Review",
-          company: "Mission Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
+          id: "2",          name: "Tia S.",          role: "Verified Review",          company: "Mission Resident",          rating: 5,
         },
         {
-          id: "3",
-          name: "Jasmine O.",
-          role: "Local Guide",
-          company: "Mission Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-unshaven-woman-home-daily-life-scene_23-2150168742.jpg",
+          id: "3",          name: "Jasmine O.",          role: "Local Guide",          company: "Mission Resident",          rating: 5,
         },
         {
-          id: "4",
-          name: "Selina B.",
-          role: "Verified Review",
-          company: "Mission Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/image-pretty-beautiful-redhead-young-lady-standing-cafe-while-reading-magazine-looking-aside_171337-15274.jpg",
+          id: "4",          name: "Selina B.",          role: "Verified Review",          company: "Mission Resident",          rating: 5,
         },
         {
-          id: "5",
-          name: "Puneet G.",
-          role: "Verified Review",
-          company: "Mission Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
+          id: "5",          name: "Puneet G.",          role: "Verified Review",          company: "Mission Resident",          rating: 5,
         },
+        {
+          id: "6",          name: "Mark L.",          role: "Regular",          company: "Mission Resident",          rating: 5,
+        },
+        {
+          id: "7",          name: "Sarah K.",          role: "Verified Review",          company: "Mission Resident",          rating: 5,
+        },
+        {
+          id: "8",          name: "David M.",          role: "Local",          company: "Mission Resident",          rating: 5,
+        }
       ]}
       kpiItems={[
         {
-          value: "5.0",
-          label: "Avg Rating",
-        },
+          value: "5.0",          label: "Avg Rating"},
         {
-          value: "126+",
-          label: "Reviews",
-        },
+          value: "126+",          label: "Reviews"},
         {
-          value: "100%",
-          label: "Client Joy",
-        },
+          value: "100%",          label: "Client Joy"},
       ]}
       title="Loved by Mission"
       description="Hear what our amazing clients have to say about their experience."
@@ -288,20 +205,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you accept walk-ins?",
-          content: "Yes! Walk-ins are always welcome, and we will do our best to get you in as soon as possible.",
-        },
+          id: "f1",          title: "Do you accept walk-ins?",          content: "Yes! Walk-ins are always welcome, and we will do our best to get you in as soon as possible."},
         {
-          id: "f2",
-          title: "Where are you located?",
-          content: "We are located at 32471 Lougheed Hwy #102, Mission, BC V2V 0C8.",
-        },
+          id: "f2",          title: "Where are you located?",          content: "We are located at 32471 Lougheed Hwy #102, Mission, BC V2V 0C8."},
         {
-          id: "f3",
-          title: "Are your tools sanitized?",
-          content: "Absolutely. We pride ourselves on an immaculate, spotless environment with strict sanitation protocols.",
-        },
+          id: "f3",          title: "Are your tools sanitized?",          content: "Absolutely. We pride ourselves on an immaculate, spotless environment with strict sanitation protocols."},
       ]}
       title="Common Questions"
       description="Everything you need to know before visiting us."
@@ -313,14 +221,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
-      text="Ready to treat yourself? Call us or stop by for a visit. We are located at 32471 Lougheed Hwy #102, Mission, BC."
+        variant: "radial-gradient"}}
+      text="Ready to treat yourself? Call us or stop by for a visit. We are located at 32471 Lougheed Hwy #102, Mission, BC. Hours: Mon-Sat 9:30 AM - 6:30 PM, Sun 10:00 AM - 5:00 PM."
       buttons={[
         {
-          text: "Call 604-289-0088",
-          href: "tel:+16042890088",
-        },
+          text: "Call 604-289-0088",          href: "tel:+16042890088"},
       ]}
     />
   </div>
@@ -330,37 +235,29 @@ export default function LandingPage() {
       logoText="Louis Nails & Spa"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Manicures",
-              href: "#services",
-            },
+              label: "Manicures",              href: "#services"},
             {
-              label: "Pedicures",
-              href: "#services",
-            },
+              label: "Pedicures",              href: "#services"},
             {
-              label: "Acrylics",
-              href: "#services",
-            },
+              label: "Acrylics",              href: "#services"},
           ],
         },
         {
-          title: "Visit",
-          items: [
+          title: "Business Hours",          items: [
             {
-              label: "Contact",
-              href: "tel:+16042890088",
-            },
+              label: "Mon-Sat: 9:30 AM - 6:30 PM",              href: "#"},
             {
-              label: "Mission, BC",
-              href: "#",
-            },
+              label: "Sun: 10:00 AM - 5:00 PM",              href: "#"},
+          ],
+        },
+        {
+          title: "Location",          items: [
             {
-              label: "Open Daily",
-              href: "#",
-            },
+              label: "32471 Lougheed Hwy #102",              href: "#"},
+            {
+              label: "Mission, BC",              href: "#"},
           ],
         },
       ]}
@@ -370,4 +267,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }