Update src/app/styles/base.css

Merge version_3 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Award, Star, Users, MapPin, Clock, Phone } from "lucide-react";
+import { Award, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,11 +31,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "About", id: "about" },
+        {
-        { name: "Services", id: "services" },
+          name: "About",          id: "about"},
-        { name: "Reviews", id: "reviews" },
+        {
-        { name: "Info", id: "info" },
+          name: "Services",          id: "services"},
-        { name: "Contact", id: "contact" }
+        {
+          name: "Reviews",          id: "reviews"},
+        {
+          name: "Info",          id: "info"},
       ]}
       brandName="Louis Nails & Spa"
       button={{
@@ -45,28 +48,52 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{ variant: "gradient-bars" }}
+      background={{
+        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: "126+", label: "5-Star Reviews" },
+          value: "5.0",          label: "Google Rating"},
-        { value: "100%", label: "Client Satisfaction" },
+        {
+          value: "126+",          label: "5-Star Reviews"},
+        {
+          value: "100%",          label: "Client Satisfaction"},
       ]}
       enableKpiAnimation={true}
       buttons={[
-        { text: "Book Appointment", href: "tel:+16042890088" },
+        {
-        { text: "Explore Services", href: "#services" },
+          text: "Book Appointment",          href: "tel:+16042890088"},
+        {
+          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/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/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"},
+      ]}
+      avatarText="Trusted by 500+ happy clients"
       marqueeItems={[
-        { type: "text", text: "Organic Products" },
+        {
-        { type: "text", text: "Sanitization Focused" },
+          type: "text",          text: "Organic Products"},
-        { type: "text", text: "Expert Artistry" },
+        {
-        { type: "text", text: "Relaxing Vibe" },
+          type: "text",          text: "Sanitization Focused"},
-        { type: "text", text: "Mission's Favorite" },
+        {
+          type: "text",          text: "Expert Artistry"},
+        {
+          type: "text",          text: "Relaxing Vibe"},
+        {
+          type: "text",          text: "Mission's Favorite"},
       ]}
     />
   </div>
@@ -76,8 +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.",        "Location: 32471 Lougheed Hwy #102, Mission, BC V2V 0C8",        "Hours: Monday–Saturday: 9:30 AM – 6:30 PM | Sunday: Closed",        "Phone: (604) 289-0088"
+        "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>
 
@@ -87,10 +113,20 @@ export default function LandingPage() {
       title="Our Services"
       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: "s2", title: "Pedicures", content: "Deluxe spa pedicures with luxurious foot massages and stone treatments." },
+          id: "s1",          title: "Manicures",          content: "Gel, shellac, acrylic, and natural nail care — shaped, buffed, and finished to perfection."},
-        { 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: "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: "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"
@@ -104,9 +140,15 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        { 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: "m1",          value: "126+",          title: "Happy Reviews",          description: "Verified Google ratings",          icon: Star,
-        { id: "m3", value: "10+", title: "Years Experience", description: "Artistry and care combined", icon: Users },
+        },
+        {
+          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,
+        },
       ]}
       title="Excellence in Every Detail"
       description="Why Mission chooses us for their nail care."
@@ -119,14 +161,38 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        { 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 },
+          id: "1",          name: "Tania D.",          role: "Loyal Customer",          company: "Mission Resident",          rating: 5,
-        { id: "3", name: "Jasmine O.", role: "Local Guide", company: "Mission Resident", rating: 5 },
+        },
+        {
+          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,
+        },
+        {
+          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,
+        },
+        {
+          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: "126+", label: "Reviews" },
+          value: "5.0",          label: "Avg Rating"},
-        { value: "100%", label: "Client Joy" },
+        {
+          value: "126+",          label: "Reviews"},
+        {
+          value: "100%",          label: "Client Joy"},
       ]}
       title="Loved by Mission"
       description="Hear what our amazing clients have to say about their experience."
@@ -138,9 +204,12 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "f2", title: "Where are you located?", content: "We are located at 32471 Lougheed Hwy #102, Mission, BC V2V 0C8." },
+          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: "f3", title: "Are your tools sanitized?", content: "Absolutely. We pride ourselves on an immaculate, spotless environment with strict sanitation protocols." },
+        {
+          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."},
       ]}
       title="Common Questions"
       description="Everything you need to know before visiting us."
@@ -151,11 +220,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
+      background={{
-      text="Ready to treat yourself? Call us or stop by for a visit. Our team is ready to serve you."
+        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: "Get Directions", href: "https://maps.app.goo.gl/" }
+          text: "Call 604-289-0088",          href: "tel:+16042890088"},
       ]}
     />
   </div>
@@ -164,9 +234,32 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Louis Nails & Spa"
       columns={[
-        { title: "Services", items: [{ label: "Manicures", href: "#services" }, { label: "Pedicures", href: "#services" }] },
+        {
-        { title: "Visit", items: [{ label: "32471 Lougheed Hwy #102", href: "#" }, { label: "Mission, BC", href: "#" }] },
+          title: "Services",          items: [
-        { title: "Hours", items: [{ label: "Mon-Sat: 9:30-6:30", href: "#" }, { label: "Sun: Closed", href: "#" }] }
+            {
+              label: "Manicures",              href: "#services"},
+            {
+              label: "Pedicures",              href: "#services"},
+            {
+              label: "Acrylics",              href: "#services"},
+          ],
+        },
+        {
+          title: "Business Hours",          items: [
+            {
+              label: "Mon-Sat: 9:30 AM - 6:30 PM",              href: "#"},
+            {
+              label: "Sun: 10:00 AM - 5:00 PM",              href: "#"},
+          ],
+        },
+        {
+          title: "Location",          items: [
+            {
+              label: "32471 Lougheed Hwy #102",              href: "#"},
+            {
+              label: "Mission, BC",              href: "#"},
+          ],
+        },
       ]}
       copyrightText="© 2025 Louis Nails & Spa. All rights reserved."
     />

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }