Update src/app/page.tsx

Merge version_2 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 } from "lucide-react";
+import { Award, Star, Users, MapPin, Clock, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,14 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Reviews",          id: "reviews"},
-        {
-          name: "Info",          id: "info"},
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Info", id: "info" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Louis Nails & Spa"
       button={{
@@ -48,52 +45,28 @@ 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: "100%",          label: "Client Satisfaction"},
+        { value: "5.0", label: "Google Rating" },
+        { 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: "Expert Artistry"},
-        {
-          type: "text",          text: "Relaxing Vibe"},
-        {
-          type: "text",          text: "Mission's Favorite"},
+        { type: "text", text: "Organic Products" },
+        { type: "text", text: "Sanitization Focused" },
+        { type: "text", text: "Expert Artistry" },
+        { type: "text", text: "Relaxing Vibe" },
+        { type: "text", text: "Mission's Favorite" },
       ]}
     />
   </div>
@@ -103,7 +76,8 @@ 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.",        "Location: 32471 Lougheed Hwy #102, Mission, BC V2V 0C8",        "Hours: Monday–Saturday: 9:30 AM – 6:30 PM | Sunday: Closed",        "Phone: (604) 289-0088"
+      ]}
     />
   </div>
 
@@ -113,14 +87,10 @@ 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: "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: "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: "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." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg"
       mediaAnimation="slide-up"
@@ -134,15 +104,9 @@ 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: "m3",          value: "10+",          title: "Years Experience",          description: "Artistry and care combined",          icon: Users,
-        },
+        { 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: "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."
@@ -155,38 +119,14 @@ 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: "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,
-        }
+        { 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: "3", name: "Jasmine O.", role: "Local Guide", company: "Mission Resident", rating: 5 },
       ]}
       kpiItems={[
-        {
-          value: "5.0",          label: "Avg Rating"},
-        {
-          value: "126+",          label: "Reviews"},
-        {
-          value: "100%",          label: "Client Joy"},
+        { value: "5.0", label: "Avg Rating" },
+        { 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."
@@ -198,12 +138,9 @@ 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: "f3",          title: "Are your tools sanitized?",          content: "Absolutely. We pride ourselves on an immaculate, spotless environment with strict sanitation protocols."},
+        { 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: "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."
@@ -214,12 +151,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <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."
+      background={{ variant: "radial-gradient" }}
+      text="Ready to treat yourself? Call us or stop by for a visit. Our team is ready to serve you."
       buttons={[
-        {
-          text: "Call 604-289-0088",          href: "tel:+16042890088"},
+        { text: "Call 604-289-0088", href: "tel:+16042890088" },
+        { text: "Get Directions", href: "https://maps.app.goo.gl/" }
       ]}
     />
   </div>
@@ -228,26 +164,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Louis Nails & Spa"
       columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Manicures",              href: "#services"},
-            {
-              label: "Pedicures",              href: "#services"},
-            {
-              label: "Acrylics",              href: "#services"},
-          ],
-        },
-        {
-          title: "Visit",          items: [
-            {
-              label: "Contact",              href: "tel:+16042890088"},
-            {
-              label: "Mission, BC",              href: "#"},
-            {
-              label: "Open Daily",              href: "#"},
-          ],
-        },
+        { 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: "Hours", items: [{ label: "Mon-Sat: 9:30-6:30", href: "#" }, { label: "Sun: Closed", href: "#" }] }
       ]}
       copyrightText="© 2025 Louis Nails & Spa. All rights reserved."
     />