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: "About",          id: "about"},
+        { name: "Services", id: "services" },
-        {
+        { name: "Reviews", id: "reviews" },
-          name: "Services",          id: "services"},
+        { name: "Info", id: "info" },
-        {
+        { name: "Contact", id: "contact" }
-          name: "Reviews",          id: "reviews"},
-        {
-          name: "Info",          id: "info"},
       ]}
       brandName="Louis Nails & Spa"
       button={{
@@ -48,52 +45,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      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: "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: "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/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: "Organic Products"},
+        { type: "text", text: "Sanitization Focused" },
-        {
+        { type: "text", text: "Expert Artistry" },
-          type: "text",          text: "Sanitization Focused"},
+        { type: "text", text: "Relaxing Vibe" },
-        {
+        { type: "text", text: "Mission's Favorite" },
-          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: "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: "s2",          title: "Pedicures",          content: "Deluxe spa pedicures with luxurious foot massages and stone treatments."},
+        { id: "s4", title: "Spa Add-Ons", content: "Tea or coffee service, birthday surprises, and gift with purchase programs." },
-        {
-          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: "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: "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: "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: "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: "5.0",          label: "Avg Rating"},
+        { value: "126+", label: "Reviews" },
-        {
+        { 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."
@@ -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: "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: "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={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
+      text="Ready to treat yourself? Call us or stop by for a visit. Our team is ready to serve you."
-      text="Ready to treat yourself? Call us or stop by for a visit. We are located at 32471 Lougheed Hwy #102, Mission, BC."
       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" }] },
-          title: "Services",          items: [
+        { 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: "#" }] }
-              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: "#"},
-          ],
-        },
       ]}
       copyrightText="© 2025 Louis Nails & Spa. All rights reserved."
     />