From 9457a43b6fcb1552300d16de258d86fc936a9e1c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 6 Mar 2026 19:01:09 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 787879e..828966e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
@@ -46,25 +46,19 @@ export default function HomePage() {
           tag="Expert Grooming"
           tagIcon={Scissors}
           tagAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg",
-              imageAlt: "Professional barbershop interior with luxury seating",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg",              imageAlt: "Professional barbershop interior with luxury seating"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg",
-              imageAlt: "Expert barber cutting client hair with precision",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-shaved-with-straight-edge-razor-by-hairdresser-barbershop_1153-9769.jpg",              imageAlt: "Expert barber cutting client hair with precision"},
           ]}
           mediaAnimation="slide-up"
           rating={5}
           ratingText="Trusted by Etobicoke residents"
           buttons={[
             {
-              text: "Book Now",
-              href: "/book",
-            },
+              text: "Book Now",              href: "/book"},
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
@@ -75,14 +69,10 @@ export default function HomePage() {
         <TextSplitAbout
           title="About Us"
           description={[
-            "Etobicoke Barber & Hairstyling is your premier destination for professional grooming services in the heart of Etobicoke, Ontario. With years of dedicated experience in men's barbering and styling, we pride ourselves on delivering exceptional results and a welcoming atmosphere for every client.",
-            "Our team of skilled barbers combines traditional barbershop expertise with modern techniques to give you the perfect cut every time. We believe in building lasting relationships with our clients through quality service, attention to detail, and genuine hospitality. Whether you're looking for a classic cut, a sharp fade, or a complete grooming experience, we've got you covered.",
-          ]}
+            "Etobicoke Barber & Hairstyling is your premier destination for professional grooming services in the heart of Etobicoke, Ontario. With years of dedicated experience in men's barbering and styling, we pride ourselves on delivering exceptional results and a welcoming atmosphere for every client.",            "Our team of skilled barbers combines traditional barbershop expertise with modern techniques to give you the perfect cut every time. We believe in building lasting relationships with our clients through quality service, attention to detail, and genuine hospitality. Whether you're looking for a classic cut, a sharp fade, or a complete grooming experience, we've got you covered."]}
           buttons={[
             {
-              text: "View Gallery",
-              href: "/gallery",
-            },
+              text: "View Gallery",              href: "/gallery"},
           ]}
           buttonAnimation="slide-up"
           showBorder={true}
@@ -90,38 +80,57 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          testimonials={[
+      <div id="services" data-section="services">
+        <FeatureCardTen
+          title="Our Services"
+          description="Discover our complete range of professional grooming services tailored to meet your needs"
+          tag="Premium Services"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          features={[
             {
-              id: "1",
-              name: "Ahmed K.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14950.jpg",
-              imageAlt: "Ahmed K., satisfied customer",
+              id: "1",              title: "Professional Haircuts",              description: "Expert haircuts tailored to your style and face shape. Our barbers use precision techniques to deliver clean lines and perfect proportions for a look that turns heads.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506286.jpg",                imageAlt: "professional haircut barber scissors technique"},
+              items: [
+                { icon: Check, text: "Custom styling for your face shape" },
+                { icon: Check, text: "Precision cutting techniques" },
+                { icon: Check, text: "Professional finish" },
+              ],
+              reverse: false,
             },
             {
-              id: "2",
-              name: "Chris M.",
-              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",
-              imageAlt: "Chris M., happy client",
+              id: "2",              title: "Skin Fade & Transitions",              description: "Sharp, clean fades that showcase the artistry of professional barbering. We specialize in precision fades with perfect blending and finishing touches.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg",                imageAlt: "skin fade haircut precision barber"},
+              items: [
+                { icon: Check, text: "Precise fade blending" },
+                { icon: Check, text: "Sharp line-ups included" },
+                { icon: Check, text: "Multiple fade styles available" },
+              ],
+              reverse: true,
             },
             {
-              id: "3",
-              name: "David L.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",
-              imageAlt: "David L., regular customer",
+              id: "3",              title: "Beard Trimming & Grooming",              description: "Shape and maintain your beard to perfection. Our barbers expertly trim, shape, and style facial hair to complement your overall look with professional precision.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-musician_23-2148207558.jpg",                imageAlt: "beard trim grooming professional barber"},
+              items: [
+                { icon: Check, text: "Expert beard shaping" },
+                { icon: Check, text: "Precision trimming" },
+                { icon: Check, text: "Beard styling consultation" },
+              ],
+              reverse: false,
             },
             {
-              id: "4",
-              name: "Tony S.",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",
-              imageAlt: "Tony S., loyal client",
+              id: "4",              title: "Hot Towel Shave",              description: "Experience the luxury of a traditional hot towel shave. A classic grooming ritual that delivers an incredibly close, smooth shave with professional care and relaxation.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8443.jpg",                imageAlt: "hot towel shave luxurious grooming"},
+              items: [
+                { icon: Check, text: "Luxurious grooming experience" },
+                { icon: Check, text: "Premium products used" },
+                { icon: Check, text: "Traditional technique mastery" },
+              ],
+              reverse: true,
             },
           ]}
-          cardTitle="Over 1,000+ satisfied customers trust Etobicoke Barber & Hairstyling for their grooming needs"
-          cardTag="Trusted by the community"
-          cardTagIcon={Heart}
-          cardAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -130,26 +139,11 @@ export default function HomePage() {
         <TeamCardOne
           members={[
             {
-              id: "1",
-              name: "Marcus J.",
-              role: "Head Barber",
-              imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-unpleased-young-afro-american-male-barber-wearing-uniform-holding-crossing-combs-isolated-green-background_141793-63522.jpg?_wi=1",
-              imageAlt: "Marcus, our head barber",
-            },
+              id: "1",              name: "Marcus J.",              role: "Head Barber",              imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-unpleased-young-afro-american-male-barber-wearing-uniform-holding-crossing-combs-isolated-green-background_141793-63522.jpg",              imageAlt: "Marcus, our head barber"},
             {
-              id: "2",
-              name: "David R.",
-              role: "Senior Barber",
-              imageSrc: "http://img.b2bpic.net/free-photo/bearded-traveler-male-dressed-fleece-shirt-with-backpack-posing-grey-background_613910-12327.jpg?_wi=1",
-              imageAlt: "David, senior barber",
-            },
+              id: "2",              name: "David R.",              role: "Senior Barber",              imageSrc: "http://img.b2bpic.net/free-photo/bearded-traveler-male-dressed-fleece-shirt-with-backpack-posing-grey-background_613910-12327.jpg",              imageAlt: "David, senior barber"},
             {
-              id: "3",
-              name: "James T.",
-              role: "Barber",
-              imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg?_wi=1",
-              imageAlt: "James, professional barber",
-            },
+              id: "3",              name: "James T.",              role: "Barber",              imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",              imageAlt: "James, professional barber"},
           ]}
           title="Meet Our Barbers"
           description="Experienced professionals dedicated to delivering exceptional grooming services"
@@ -163,6 +157,26 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwelve
+          testimonials={[
+            {
+              id: "1",              name: "Ahmed K.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14950.jpg",              imageAlt: "Ahmed K., satisfied customer"},
+            {
+              id: "2",              name: "Chris M.",              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",              imageAlt: "Chris M., happy client"},
+            {
+              id: "3",              name: "David L.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageAlt: "David L., regular customer"},
+            {
+              id: "4",              name: "Tony S.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",              imageAlt: "Tony S., loyal client"},
+          ]}
+          cardTitle="Over 1,000+ satisfied customers trust Etobicoke Barber & Hairstyling for their grooming needs"
+          cardTag="Trusted by the community"
+          cardTagIcon={Heart}
+          cardAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Get In Touch"
@@ -172,7 +186,7 @@ export default function HomePage() {
           description="Visit Etobicoke Barber & Hairstyling today. Walk-ins welcome, or book your appointment online for guaranteed availability. We look forward to serving you."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-vector/studio-website-template_23-2147537143.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-vector/studio-website-template_23-2147537143.jpg"
           imageAlt="Location map for Etobicoke Barber & Hairstyling"
           mediaAnimation="slide-up"
           mediaPosition="right"
@@ -186,8 +200,7 @@ export default function HomePage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 { label: "Home", href: "/" },
                 { label: "Services", href: "/services" },
                 { label: "About", href: "/about" },
@@ -195,8 +208,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Contact",
-              items: [
+              title: "Contact",              items: [
                 { label: "Phone: (416) 555-0123", href: "#" },
                 { label: "Etobicoke, Ontario", href: "#" },
                 { label: "Mon-Sat: 9AM-7PM", href: "#" },
@@ -204,8 +216,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Social",
-              items: [
+              title: "Social",              items: [
                 { label: "Instagram", href: "https://instagram.com" },
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "Google Maps", href: "#" },
-- 
2.49.1