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,110 +31,42 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Services", id: "services" },
-          id: "about",
+        { name: "Reviews", id: "reviews" },
-        },
+        { name: "Info", id: "info" },
-        {
+        { name: "Contact", id: "contact" }
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Info",
-          id: "info",
-        },
       ]}
       brandName="Louis Nails & Spa"
       button={{
-        text: "Book Now",
+        text: "Book Now",        href: "tel:+16042890088"}}
-        href: "tel:+16042890088",
-      }}
     />
   </div>
 
   <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",
+        { value: "126+", label: "5-Star Reviews" },
-          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: "Book Appointment",
+        { text: "Explore Services", href: "#services" },
-          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",
+        { type: "text", text: "Sanitization Focused" },
-          text: "Organic Products",
+        { type: "text", text: "Expert Artistry" },
-        },
+        { type: "text", text: "Relaxing Vibe" },
-        {
+        { type: "text", text: "Mission's Favorite" },
-          type: "text",
-          text: "Sanitization Focused",
-        },
-        {
-          type: "text",
-          text: "Expert Artistry",
-        },
-        {
-          type: "text",
-          text: "Relaxing Vibe",
-        },
-        {
-          type: "text",
-          text: "Mission's Favorite",
-        },
       ]}
     />
   </div>
@@ -144,8 +76,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.",
+        "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"
-        "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>
@@ -156,26 +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",
+        { id: "s2", title: "Pedicures", content: "Deluxe spa pedicures with luxurious foot massages and stone treatments." },
-          title: "Manicures",
+        { id: "s3", title: "Nail Art", content: "From subtle French tips to intricate 3D nail art and custom designs." },
-          content: "Gel, shellac, acrylic, and natural nail care — shaped, buffed, and finished to perfection.",
+        { 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: "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"
@@ -189,27 +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",
+        { id: "m2", value: "5.0", title: "Star Rating", description: "Average client satisfaction", icon: Award },
-          value: "126+",
+        { id: "m3", value: "10+", title: "Years Experience", description: "Artistry and care combined", icon: Users },
-          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."
@@ -222,60 +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",
+        { id: "2", name: "Tia S.", role: "Verified Review", company: "Mission Resident", rating: 5 },
-          name: "Tania D.",
+        { id: "3", name: "Jasmine O.", role: "Local Guide", company: "Mission Resident", rating: 5 },
-          role: "Loyal Customer",
-          company: "Mission Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
-        },
-        {
-          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: "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: "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: "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",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "5.0", label: "Avg Rating" },
-          value: "5.0",
+        { value: "126+", label: "Reviews" },
-          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."
@@ -287,21 +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",
+        { id: "f2", title: "Where are you located?", content: "We are located at 32471 Lougheed Hwy #102, Mission, BC V2V 0C8." },
-          title: "Do you accept walk-ins?",
+        { id: "f3", title: "Are your tools sanitized?", content: "Absolutely. We pride ourselves on an immaculate, spotless environment with strict sanitation protocols." },
-          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."
@@ -312,15 +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",
+        { text: "Get Directions", href: "https://maps.app.goo.gl/" }
-          href: "tel:+16042890088",
-        },
       ]}
     />
   </div>
@@ -329,40 +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",
+        { title: "Visit", items: [{ label: "32471 Lougheed Hwy #102", href: "#" }, { label: "Mission, BC", href: "#" }] },
-          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: "Visit",
-          items: [
-            {
-              label: "Contact",
-              href: "tel:+16042890088",
-            },
-            {
-              label: "Mission, BC",
-              href: "#",
-            },
-            {
-              label: "Open Daily",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 Louis Nails & Spa. All rights reserved."
     />
@@ -370,4 +174,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-montserrat), sans-serif;
 }