From 531ff5c0546b45996dfc4c52f7dff5233030bfb2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 17:18:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 382 ++++++++---------------------------------------
 1 file changed, 65 insertions(+), 317 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b3d7225..addb4b5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Products", id: "products" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SMHairdressing"
     />
@@ -59,93 +44,31 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Luxurious Hairdressing in the Heart of Chester"
       description="Experience bespoke hair styling and premium treatments in our serene, city-centre oasis."
       testimonials={[
-        {
-          name: "Jane D.",
-          handle: "@janed",
-          testimonial: "The best salon experience in Chester. Truly luxurious.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
-        },
-        {
-          name: "Robert S.",
-          handle: "@roberts",
-          testimonial: "Stunning results every time I visit. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg",
-        },
-        {
-          name: "Lucy M.",
-          handle: "@lucym",
-          testimonial: "Exceptional service and beautiful salon atmosphere.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-with-tablet-office_23-2149333067.jpg",
-        },
-        {
-          name: "Alice T.",
-          handle: "@alicet",
-          testimonial: "A touch of class in the heart of the city.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg",
-        },
-        {
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Professional styling and incredibly relaxing experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-suprice-face-big-pink-knitted-sweater-posing-decorated-studio-winter-forest_273443-4145.jpg",
-        },
+        { name: "Jane D.", handle: "@janed", testimonial: "The best salon experience in Chester. Truly luxurious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg" },
+        { name: "Robert S.", handle: "@roberts", testimonial: "Stunning results every time I visit. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg" },
+        { name: "Lucy M.", handle: "@lucym", testimonial: "Exceptional service and beautiful salon atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-with-tablet-office_23-2149333067.jpg" },
+        { name: "Alice T.", handle: "@alicet", testimonial: "A touch of class in the heart of the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg" },
+        { name: "David W.", handle: "@davidw", testimonial: "Professional styling and incredibly relaxing experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-suprice-face-big-pink-knitted-sweater-posing-decorated-studio-winter-forest_273443-4145.jpg" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-beauty-salon-interior_23-2148910541.jpg",
-          alt: "Client profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500999.jpg",
-          alt: "Client profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg",
-          alt: "Client profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg",
-          alt: "Client profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-successful-agent-satisfied-customer-showing-thumb-up-while-sitting-table-using-tablet-together_74855-10029.jpg",
-          alt: "Client profile 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/modern-beauty-salon-interior_23-2148910541.jpg", alt: "Client profile 1" },
+        { src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500999.jpg", alt: "Client profile 2" },
+        { src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", alt: "Client profile 3" },
+        { src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg", alt: "Client profile 4" },
+        { src: "http://img.b2bpic.net/free-photo/happy-successful-agent-satisfied-customer-showing-thumb-up-while-sitting-table-using-tablet-together_74855-10029.jpg", alt: "Client profile 5" }
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Expert Colouring",
-        },
-        {
-          type: "text",
-          text: "Precision Cuts",
-        },
-        {
-          type: "text",
-          text: "Luxury Treatments",
-        },
-        {
-          type: "text",
-          text: "Bespoke Styling",
-        },
-        {
-          type: "text",
-          text: "Chester Salon",
-        },
+        { type: "text", text: "Expert Colouring" },
+        { type: "text", text: "Precision Cuts" },
+        { type: "text", text: "Luxury Treatments" },
+        { type: "text", text: "Bespoke Styling" },
+        { type: "text", text: "Chester Salon" }
       ]}
     />
   </div>
@@ -154,15 +77,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Welcome to SMHairdressing",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
-          alt: "Luxury Salon",
-        },
+        { type: "text", content: "Welcome to SMHairdressing" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", alt: "Luxury Salon" }
       ]}
     />
   </div>
@@ -171,79 +87,35 @@ export default function LandingPage() {
       <FeatureCardTen
       textboxLayout="inline-image"
       useInvertedBackground={false}
+      animationType="slide-up"
       features={[
         {
-          title: "Precision Cutting",
-          description: "Expert techniques for a perfect shape and style.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-styling-beard-man_23-2147778900.jpg",
-          },
+          title: "Precision Cutting",          description: "Expert techniques for a perfect shape and style.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg", imageAlt: "professional hair styling services" },
           items: [
-            {
-              icon: Sparkles,
-              text: "Consultation included",
-            },
-            {
-              icon: CheckCircle,
-              text: "Bespoke technique",
-            },
-            {
-              icon: Award,
-              text: "Highly qualified stylists",
-            },
+            { icon: Sparkles, text: "Consultation included" },
+            { icon: CheckCircle, text: "Bespoke technique" },
+            { icon: Award, text: "Highly qualified stylists" }
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg?_wi=2",
-          imageAlt: "professional hair styling services",
+          reverse: false
         },
         {
-          title: "Bespoke Colour",
-          description: "Custom color palettes to enhance your natural beauty.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-face-mask-getting-her-hair-styled-hairdresser-virus-epidemic_637285-9041.jpg",
-          },
+          title: "Bespoke Colour",          description: "Custom color palettes to enhance your natural beauty.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", imageAlt: "professional hair styling services" },
           items: [
-            {
-              icon: Sparkles,
-              text: "Custom mixing",
-            },
-            {
-              icon: CheckCircle,
-              text: "Organic products",
-            },
-            {
-              icon: Award,
-              text: "Expert colourists",
-            },
+            { icon: Sparkles, text: "Custom mixing" },
+            { icon: CheckCircle, text: "Organic products" },
+            { icon: Award, text: "Expert colourists" }
           ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
-          imageAlt: "professional hair styling services",
+          reverse: true
         },
         {
-          title: "Premium Treatments",
-          description: "Rejuvenate your hair with our deep-nourishing treatments.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
-          },
+          title: "Premium Treatments",          description: "Rejuvenate your hair with our deep-nourishing treatments.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg", imageAlt: "professional hair styling services" },
           items: [
-            {
-              icon: Sparkles,
-              text: "Botanical infusions",
-            },
-            {
-              icon: CheckCircle,
-              text: "Scalp care therapy",
-            },
-            {
-              icon: Award,
-              text: "Luxury hydration",
-            },
+            { icon: Sparkles, text: "Botanical infusions" },
+            { icon: CheckCircle, text: "Scalp care therapy" },
+            { icon: Award, text: "Luxury hydration" }
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg?_wi=1",
-          imageAlt: "professional hair styling services",
-        },
+          reverse: false
+        }
       ]}
       title="Our Signature Services"
       description="Tailored treatments for every hair type."
@@ -257,42 +129,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Nourish Shampoo",
-          price: "£25",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Hydration Serum",
-          price: "£45",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230922.jpg",
-        },
-        {
-          id: "3",
-          name: "Styling Spray",
-          price: "£22",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167380.jpg",
-        },
-        {
-          id: "4",
-          name: "Deep Repair Mask",
-          price: "£38",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565369.jpg",
-        },
-        {
-          id: "5",
-          name: "Volume Mousse",
-          price: "£24",
-          imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965825.jpg",
-        },
-        {
-          id: "6",
-          name: "Gloss Treatment",
-          price: "£40",
-          imageSrc: "http://img.b2bpic.net/free-photo/hair-supplies-curlers-top-view_23-2148352861.jpg",
-        },
+        { id: "1", name: "Nourish Shampoo", price: "£25", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435202.jpg" },
+        { id: "2", name: "Hydration Serum", price: "£45", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230922.jpg" },
+        { id: "3", name: "Styling Spray", price: "£22", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167380.jpg" },
+        { id: "4", name: "Deep Repair Mask", price: "£38", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565369.jpg" },
+        { id: "5", name: "Volume Mousse", price: "£24", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965825.jpg" },
+        { id: "6", name: "Gloss Treatment", price: "£40", imageSrc: "http://img.b2bpic.net/free-photo/hair-supplies-curlers-top-view_23-2148352861.jpg" }
       ]}
       title="Curated Care Products"
       description="Luxury home care to maintain your salon results."
@@ -305,51 +147,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "cut",
-          price: "£65+",
-          name: "Precision Cut & Finish",
-          buttons: [
-            {
-              text: "Book Now",
-            },
-          ],
-          features: [
-            "Consultation",
-            "Hair wash",
-            "Styled finish",
-          ],
-        },
-        {
-          id: "color",
-          price: "£120+",
-          name: "Full Colour Service",
-          buttons: [
-            {
-              text: "Book Now",
-            },
-          ],
-          features: [
-            "Expert mix",
-            "Treatment",
-            "Finish",
-          ],
-        },
-        {
-          id: "treat",
-          price: "£45+",
-          name: "Luxury Treatment",
-          buttons: [
-            {
-              text: "Book Now",
-            },
-          ],
-          features: [
-            "Deep hydration",
-            "Scalp massage",
-            "Finish",
-          ],
-        },
+        { id: "cut", price: "£65+", name: "Precision Cut & Finish", buttons: [{ text: "Book Now" }], features: ["Consultation", "Hair wash", "Styled finish"] },
+        { id: "color", price: "£120+", name: "Full Colour Service", buttons: [{ text: "Book Now" }], features: ["Expert mix", "Treatment", "Finish"] },
+        { id: "treat", price: "£45+", name: "Luxury Treatment", buttons: [{ text: "Book Now" }], features: ["Deep hydration", "Scalp massage", "Finish"] }
       ]}
       title="Salon Menu"
       description="Transparent pricing for exceptional service."
@@ -363,21 +163,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years of experience",
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          description: "Happy clients",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Premium ingredients",
-        },
+        { id: "m1", value: "15+", description: "Years of experience" },
+        { id: "m2", value: "5k+", description: "Happy clients" },
+        { id: "m3", value: "100%", description: "Premium ingredients" }
       ]}
       title="Our Salon Impact"
       description="Setting standards in Chester hairdressing."
@@ -387,36 +175,16 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
+      cardAnimation="slide-up"
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-with-long-straight-hair-watching-camera_633478-1843.jpg",
-        },
-        {
-          id: "t2",
-          name: "Emma R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-golden-hoop-earrings_23-2151989164.jpg",
-        },
-        {
-          id: "t3",
-          name: "Olivia W.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-portrait-woman-with-curly-hair_23-2151983871.jpg",
-        },
-        {
-          id: "t4",
-          name: "Chloe B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-short-haired-blond-woman-s-portrait_633478-2499.jpg",
-        },
-        {
-          id: "t5",
-          name: "Grace P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-adult-white-hair-blond_1139-778.jpg",
-        },
+        { id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-with-long-straight-hair-watching-camera_633478-1843.jpg" },
+        { id: "t2", name: "Emma R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-golden-hoop-earrings_23-2151989164.jpg" },
+        { id: "t3", name: "Olivia W.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-portrait-woman-with-curly-hair_23-2151983871.jpg" },
+        { id: "t4", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-short-haired-blond-woman-s-portrait_633478-2499.jpg" },
+        { id: "t5", name: "Grace P.", imageSrc: "http://img.b2bpic.net/free-photo/girl-adult-white-hair-blond_1139-778.jpg" }
       ]}
       cardTitle="What our clients say"
       cardTag="Testimonials"
-      cardAnimation="slide-up"
     />
   </div>
 
@@ -426,24 +194,10 @@ export default function LandingPage() {
       title="Visit Us in Chester"
       description="Book your appointment for a luxurious transformation."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your name", required: true },
+        { name: "email", type: "email", placeholder: "Your email", required: true }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your hair needs",
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Tell us about your hair needs", required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229746.jpg"
       mediaPosition="right"
     />
@@ -452,17 +206,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="SMHairdressing"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1