From ab047c918fd089cc76eb31f4b82895dba4d6500c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 13:37:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 358 ++++++++---------------------------------------
 1 file changed, 58 insertions(+), 300 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3e5613d..d3e1d3e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Sparkles } from "lucide-react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,27 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Gallery",
-          id: "#gallery",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+        { name: "Services", id: "#services" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Gallery", id: "#gallery" },
+        { name: "Testimonials", id: "#testimonials" },
       ]}
-      button={{
-        text: "Book Now",
-        href: "https://wa.me/233XXXXXXXXXX",
-      }}
+      button={{ text: "Book Now", href: "https://wa.me/233XXXXXXXXXX" }}
       brandName="Spencer Hair & Beauty"
     />
   </div>
@@ -59,100 +45,33 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Unmatched Elegance & Beauty"
       description="Experience luxury braiding, expert hair treatments, and exquisite makeup in the heart of Accra."
       testimonials={[
-        {
-          name: "Ama Serwaa",
-          handle: "@ama",
-          testimonial: "Best braiding experience in Accra! Professional and friendly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-        },
-        {
-          name: "Naa Okailey",
-          handle: "@naa",
-          testimonial: "My wig install looks so natural. Definitely coming back.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-cute-slavic-model-woman-with-dazzling-smile-defiantly-poses-portrait-against-white-wall_197531-8630.jpg",
-        },
-        {
-          name: "Efia Kojo",
-          handle: "@efia",
-          testimonial: "Exceptional service, so happy with my nails and lashes.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
-        },
-        {
-          name: "Adjoa Mensah",
-          handle: "@adjoa",
-          testimonial: "The attention to detail here is unmatched. Simply perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
-        },
-        {
-          name: "Kofi Boateng",
-          handle: "@kofi",
-          testimonial: "My sister loves her new look! Highly recommend Spencer Beauty.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-colorful-t-shirt_23-2148066869.jpg",
-        },
+        { name: "Ama Serwaa", handle: "@ama", testimonial: "Best braiding experience in Accra! Professional and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
+        { name: "Naa Okailey", handle: "@naa", testimonial: "My wig install looks so natural. Definitely coming back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wonderful-cute-slavic-model-woman-with-dazzling-smile-defiantly-poses-portrait-against-white-wall_197531-8630.jpg" },
+        { name: "Efia Kojo", handle: "@efia", testimonial: "Exceptional service, so happy with my nails and lashes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg" },
+        { name: "Adjoa Mensah", handle: "@adjoa", testimonial: "The attention to detail here is unmatched. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg" },
+        { name: "Kofi Boateng", handle: "@kofi", testimonial: "My sister loves her new look! Highly recommend Spencer Beauty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-colorful-t-shirt_23-2148066869.jpg" },
       ]}
-      buttons={[
-        {
-          text: "Book Your Appointment",
-          href: "https://wa.me/233XXXXXXXXXX",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg?_wi=1"
+      buttons={[{ text: "Book Your Appointment", href: "https://wa.me/233XXXXXXXXXX" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg"
       imageAlt="Luxurious salon interior"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-with-red-lips-high-heels_23-2148891746.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/charming-young-girl-high-spirits-woman-with-bright-lips-coquettishly-plays-with-hair-wall-sparkles_197531-8252.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-with-red-lips-high-heels_23-2148891746.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/charming-young-girl-high-spirits-woman-with-bright-lips-coquettishly-plays-with-hair-wall-sparkles_197531-8252.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by 500+ happy clients"
       marqueeItems={[
-        {
-          type: "text",
-          text: "LUXURY BRAIDING",
-        },
-        {
-          type: "text",
-          text: "EXPERT HAIR TREATMENT",
-        },
-        {
-          type: "text",
-          text: "EXQUISITE MAKEUP",
-        },
-        {
-          type: "text",
-          text: "PREMIUM WIGS",
-        },
-        {
-          type: "text",
-          text: "NAIL ARTISTRY",
-        },
+        { type: "text", text: "LUXURY BRAIDING" },
+        { type: "text", text: "EXPERT HAIR TREATMENT" },
+        { type: "text", text: "EXQUISITE MAKEUP" },
+        { type: "text", text: "PREMIUM WIGS" },
+        { type: "text", text: "NAIL ARTISTRY" },
       ]}
     />
   </div>
@@ -164,20 +83,11 @@ export default function LandingPage() {
       title="Defined by Sophistication"
       description="At Spencer Beauty, we blend modern techniques with refined style to ensure you leave looking and feeling your absolute best."
       bulletPoints={[
-        {
-          title: "Artisan Braiding",
-          description: "Precision styles that last.",
-        },
-        {
-          title: "Premium Wigs",
-          description: "Customized fittings for every look.",
-        },
-        {
-          title: "Beauty Care",
-          description: "Manicures, pedicures, and makeup.",
-        },
+        { title: "Artisan Braiding", description: "Precision styles that last." },
+        { title: "Premium Wigs", description: "Customized fittings for every look." },
+        { title: "Beauty Care", description: "Manicures, pedicures, and makeup." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg"
       imageAlt="Salon service showcase"
       mediaAnimation="blur-reveal"
     />
@@ -188,34 +98,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Hair Treatment",
-          description: "Deep conditioning and restoration.",
-          buttonIcon: "Sparkles",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-drag-queen-with-makeup_23-2149434534.jpg",
-          imageAlt: "High angle drag queen with makeup",
-        },
-        {
-          title: "Braids & Extensions",
-          description: "Modern and protective styles.",
-          buttonIcon: "Sparkles",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg?_wi=2",
-          imageAlt: "High angle drag queen with makeup",
-        },
-        {
-          title: "Nails & Pedicure",
-          description: "Expert grooming and polished nails.",
-          buttonIcon: "Sparkles",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg?_wi=2",
-          imageAlt: "High angle drag queen with makeup",
-        },
-        {
-          title: "Makeup & Lashes",
-          description: "Glamour for your special days.",
-          buttonIcon: "Sparkles",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg?_wi=1",
-          imageAlt: "High angle drag queen with makeup",
-        },
+        { title: "Hair Treatment", description: "Deep conditioning and restoration.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-drag-queen-with-makeup_23-2149434534.jpg", imageAlt: "High angle drag queen with makeup" },
+        { title: "Braids & Extensions", description: "Modern and protective styles.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/woman-feminine-lifestyle-shopping-fashionista-with-marble-background_53876-31666.jpg", imageAlt: "High angle drag queen with makeup" },
+        { title: "Nails & Pedicure", description: "Expert grooming and polished nails.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/empty-aa-meeting-space-with-chairs-circle-prepared-group-therapy-nobody-office-decorated-with-furniture-rehabilitation-program-session-with-therapist-treating-alcoholism_482257-27825.jpg", imageAlt: "High angle drag queen with makeup" },
+        { title: "Makeup & Lashes", description: "Glamour for your special days.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg", imageAlt: "High angle drag queen with makeup" },
       ]}
       title="Our Signature Services"
       description="Comprehensive beauty care tailored to your unique style."
@@ -229,42 +115,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "g1",
-          name: "Braided Beauty",
-          price: "Look",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg?_wi=2",
-        },
-        {
-          id: "g2",
-          name: "Glam Makeup",
-          price: "Look",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-portrait-touching-her-face-with-fingers_158595-104.jpg",
-        },
-        {
-          id: "g3",
-          name: "Luxe Lashes",
-          price: "Look",
-          imageSrc: "http://img.b2bpic.net/free-photo/tender-fresh-lady-with-good-beautiful-skin-she-cares-about-her-look-face-big-sexy-lips-smooth-skin-eyebrows-blonde-long-hairstyle-natural-makeup-fingers-chin-look-down_343629-82.jpg",
-        },
-        {
-          id: "g4",
-          name: "Nail Art",
-          price: "Look",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg",
-        },
-        {
-          id: "g5",
-          name: "Wig Install",
-          price: "Look",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-bangs-brown-daytime-make-up-sweater-beige-background-pulls-her-hands-her-head-her-chin_343596-7914.jpg",
-        },
-        {
-          id: "g6",
-          name: "Hair Therapy",
-          price: "Look",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-washing-hair-blonde_23-2147769801.jpg",
-        },
+        { id: "g1", name: "Braided Beauty", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259351.jpg" },
+        { id: "g2", name: "Glam Makeup", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/girl-portrait-touching-her-face-with-fingers_158595-104.jpg" },
+        { id: "g3", name: "Luxe Lashes", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/tender-fresh-lady-with-good-beautiful-skin-she-cares-about-her-look-face-big-sexy-lips-smooth-skin-eyebrows-blonde-long-hairstyle-natural-makeup-fingers-chin-look-down_343629-82.jpg" },
+        { id: "g4", name: "Nail Art", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg" },
+        { id: "g5", name: "Wig Install", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-bangs-brown-daytime-make-up-sweater-beige-background-pulls-her-hands-her-head-her-chin_343596-7914.jpg" },
+        { id: "g6", name: "Hair Therapy", price: "Look", imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-washing-hair-blonde_23-2147769801.jpg" },
       ]}
       title="Before & After Looks"
       description="See the transformation and browse our recent styles."
@@ -273,42 +129,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardOne
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          badge: "Hair",
-          price: "GH₵ 300+",
-          subtitle: "Starts at",
-          features: [
-            "Classic Braids",
-            "Hair Wash",
-            "Treatment",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Nails",
-          price: "GH₵ 150+",
-          subtitle: "Starts at",
-          features: [
-            "Gel Manicure",
-            "Pedicure",
-            "Nail Art",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Makeup",
-          price: "GH₵ 250+",
-          subtitle: "Starts at",
-          features: [
-            "Full Face Glam",
-            "Lashes",
-            "Contour",
-          ],
-        },
+        { id: "p1", badge: "Hair", price: "GH₵ 300+", subtitle: "Starts at", features: ["Classic Braids", "Hair Wash", "Treatment"] },
+        { id: "p2", badge: "Nails", price: "GH₵ 150+", subtitle: "Starts at", features: ["Gel Manicure", "Pedicure", "Nail Art"] },
+        { id: "p3", badge: "Makeup", price: "GH₵ 250+", subtitle: "Starts at", features: ["Full Face Glam", "Lashes", "Contour"] },
       ]}
       title="Investment in Yourself"
       description="Professional beauty services at clear, transparent pricing."
@@ -320,46 +147,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Wonderful",
-          quote: "The best experience!",
-          name: "Sarah",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
-        },
-        {
-          id: "t2",
-          title: "Professional",
-          quote: "My nails are flawless.",
-          name: "Jane",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
-        },
-        {
-          id: "t3",
-          title: "Excellent",
-          quote: "Friendly and expert team.",
-          name: "Esi",
-          role: "Doctor",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-stethoscope_23-2149308231.jpg",
-        },
-        {
-          id: "t4",
-          title: "Stunning",
-          quote: "Will be back very soon.",
-          name: "Afia",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-brush-paints-black_114579-63525.jpg",
-        },
-        {
-          id: "t5",
-          title: "Lovely",
-          quote: "So relaxing and tidy.",
-          name: "Adjoa",
-          role: "Teacher",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1009.jpg",
-        },
+        { id: "t1", title: "Wonderful", quote: "The best experience!", name: "Sarah", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg" },
+        { id: "t2", title: "Professional", quote: "My nails are flawless.", name: "Jane", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
+        { id: "t3", title: "Excellent", quote: "Friendly and expert team.", name: "Esi", role: "Doctor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-stethoscope_23-2149308231.jpg" },
+        { id: "t4", title: "Stunning", quote: "Will be back very soon.", name: "Afia", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-brush-paints-black_114579-63525.jpg" },
+        { id: "t5", title: "Lovely", quote: "So relaxing and tidy.", name: "Adjoa", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1009.jpg" },
       ]}
       title="Loved by Clients"
       description="Join our community of satisfied beauties in Accra."
@@ -370,21 +162,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Do I need to book?",
-          content: "Yes, please book via WhatsApp to secure your spot.",
-        },
-        {
-          id: "f2",
-          title: "Where are you located?",
-          content: "We are located conveniently in East Legon, Accra.",
-        },
-        {
-          id: "f3",
-          title: "Do you provide hair?",
-          content: "Yes, we sell high-quality extensions and hair products.",
-        },
+        { id: "f1", title: "Do I need to book?", content: "Yes, please book via WhatsApp to secure your spot." },
+        { id: "f2", title: "Where are you located?", content: "We are located conveniently in East Legon, Accra." },
+        { id: "f3", title: "Do you provide hair?", content: "Yes, we sell high-quality extensions and hair products." },
       ]}
       sideTitle="Your Questions"
       sideDescription="Find answers to our most common questions."
@@ -398,16 +178,8 @@ export default function LandingPage() {
       title="Ready for a Refresh?"
       description="Send us a message and we'll help you book your next session."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "phone",
-          type: "text",
-          placeholder: "Your WhatsApp Number",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "phone", type: "text", placeholder: "Your WhatsApp Number" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg"
       buttonText="Open WhatsApp"
@@ -421,29 +193,15 @@ export default function LandingPage() {
       logoText="Spencer Beauty"
       columns={[
         {
-          title: "Menu",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
+          title: "Menu",          items: [
+            { label: "Services", href: "#services" },
+            { label: "Pricing", href: "#pricing" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/233XXXXXXXXXX",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "#contact" },
+            { label: "WhatsApp", href: "https://wa.me/233XXXXXXXXXX" },
           ],
         },
       ]}
-- 
2.49.1