From 46347750f5136f44eb224b178a18febc29627965 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 17:55:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 220 +++++++++--------------------------------------
 1 file changed, 41 insertions(+), 179 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1a9fef4..a69fe6f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Why Us",
-          id: "why-us",
-        },
+          name: "Why Us",          id: "why-us"},
         {
-          name: "Gallery",
-          id: "gallery",
-        },
+          name: "Gallery",          id: "gallery"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Mirror Gents Centre"
     />
@@ -59,41 +49,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Look Sharp. Feel Confident. Every Visit."
       description="Professional grooming services for men and kids — clean, precise, and tailored to your style."
       buttons={[
         {
-          text: "Book Appointment",
-          href: "#booking",
-        },
+          text: "Book Appointment",          href: "#booking"},
         {
-          text: "Chat on WhatsApp",
-          href: "#",
-        },
+          text: "Chat on WhatsApp",          href: "#"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=1",
-          imageAlt: "Barbershop interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",          imageAlt: "Barbershop interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
-          imageAlt: "Barbershop grooming tools",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",          imageAlt: "Barbershop grooming tools"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg",
-          imageAlt: "Modern grooming station",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777171.jpg",          imageAlt: "Modern grooming station"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
-          imageAlt: "Full shot of barber at hair salon",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",          imageAlt: "Full shot of barber at hair salon"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg",
-          imageAlt: "Male barber sitting at his shop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg",          imageAlt: "Male barber sitting at his shop"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -106,40 +81,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          title: "Hair & Styling",
-          subtitle: "Buzz cuts, custom cuts, coloring, extensions",
-          category: "Grooming",
-          value: "Precision",
-        },
+          id: "s1",          title: "Hair & Styling",          subtitle: "Buzz cuts, custom cuts, coloring, extensions",          category: "Grooming",          value: "Precision"},
         {
-          id: "s2",
-          title: "Beard & Grooming",
-          subtitle: "Conditioning, shaping, trimming",
-          category: "Grooming",
-          value: "Detail",
-        },
+          id: "s2",          title: "Beard & Grooming",          subtitle: "Conditioning, shaping, trimming",          category: "Grooming",          value: "Detail"},
         {
-          id: "s3",
-          title: "Skin & Treatments",
-          subtitle: "Facials, waxing, Moroccan bath, massage",
-          category: "Care",
-          value: "Relaxation",
-        },
+          id: "s3",          title: "Skin & Treatments",          subtitle: "Facials, waxing, Moroccan bath, massage",          category: "Care",          value: "Relaxation"},
         {
-          id: "s4",
-          title: "Kids Grooming",
-          subtitle: "Patient, friendly haircuts for younger clients",
-          category: "Family",
-          value: "Care",
-        },
+          id: "s4",          title: "Kids Grooming",          subtitle: "Patient, friendly haircuts for younger clients",          category: "Family",          value: "Care"},
         {
-          id: "s5",
-          title: "Luxury Packages",
-          subtitle: "Comprehensive grooming and wellness bundles",
-          category: "Premium",
-          value: "Indulgence",
-        },
+          id: "s5",          title: "Luxury Packages",          subtitle: "Comprehensive grooming and wellness bundles",          category: "Premium",          value: "Indulgence"},
       ]}
       title="Our Professional Services"
       description="Premium grooming experiences tailored to your needs."
@@ -154,7 +104,7 @@ export default function LandingPage() {
       description="Mirror Gents Centre combines high-end professionalism with a friendly environment, ensuring every visitor walks out feeling sharp."
       subdescription="We prioritize hygiene, quality, and your convenience above all else."
       icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -163,36 +113,17 @@ export default function LandingPage() {
       <ProductCardFour
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Haircuts",
-          price: "Precision",
-          variant: "Gallery",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-sideburns-cut_23-2148256860.jpg",
-        },
+          id: "p1",          name: "Haircuts",          price: "Precision",          variant: "Gallery",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-sideburns-cut_23-2148256860.jpg"},
         {
-          id: "p2",
-          name: "Kids Area",
-          price: "Comfort",
-          variant: "Gallery",
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462450.jpg",
-        },
+          id: "p2",          name: "Kids Area",          price: "Comfort",          variant: "Gallery",          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462450.jpg"},
         {
-          id: "p3",
-          name: "Interior",
-          price: "Luxury",
-          variant: "Gallery",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319809.jpg",
-        },
+          id: "p3",          name: "Interior",          price: "Luxury",          variant: "Gallery",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319809.jpg"},
         {
-          id: "p4",
-          name: "Services",
-          price: "Quality",
-          variant: "Gallery",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg",
-        },
+          id: "p4",          name: "Services",          price: "Quality",          variant: "Gallery",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-beard-trimmed_23-2148256868.jpg"},
       ]}
       title="Our Work & Space"
       description="A glimpse into our pristine salon environment."
@@ -205,60 +136,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Ahmed",
-          date: "Oct 2023",
-          title: "Regular Client",
-          quote: "Clean and hygienic salon with skilled staff.",
-          tag: "Expertise",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=2",
-          imageAlt: "happy client portrait men",
-        },
+          id: "1",          name: "Ahmed",          date: "Oct 2023",          title: "Regular Client",          quote: "Clean and hygienic salon with skilled staff.",          tag: "Expertise",          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",          imageAlt: "happy client portrait men"},
         {
-          id: "2",
-          name: "Sarah",
-          date: "Sept 2023",
-          title: "Parent",
-          quote: "Great experience for kids — staff are so patient.",
-          tag: "Family",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-partying-together_23-2149239023.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-using-styling-tools_23-2149141730.jpg",
-          imageAlt: "happy client portrait men",
-        },
+          id: "2",          name: "Sarah",          date: "Sept 2023",          title: "Parent",          quote: "Great experience for kids — staff are so patient.",          tag: "Family",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-partying-together_23-2149239023.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-using-styling-tools_23-2149141730.jpg",          imageAlt: "happy client portrait men"},
         {
-          id: "3",
-          name: "Mohammed",
-          date: "Aug 2023",
-          title: "Enthusiast",
-          quote: "Highly recommended — professional barbers.",
-          tag: "Quality",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg",
-          imageAlt: "happy client portrait men",
-        },
+          id: "3",          name: "Mohammed",          date: "Aug 2023",          title: "Enthusiast",          quote: "Highly recommended — professional barbers.",          tag: "Quality",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg",          imageAlt: "happy client portrait men"},
         {
-          id: "4",
-          name: "Ali",
-          date: "July 2023",
-          title: "Business",
-          quote: "Excellent service and friendly team.",
-          tag: "Professional",
-          avatarSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-having-thai-herbal-head-massage-wellness-center_637285-1715.jpg",
-          imageAlt: "happy client portrait men",
-        },
+          id: "4",          name: "Ali",          date: "July 2023",          title: "Business",          quote: "Excellent service and friendly team.",          tag: "Professional",          avatarSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-having-thai-herbal-head-massage-wellness-center_637285-1715.jpg",          imageAlt: "happy client portrait men"},
         {
-          id: "5",
-          name: "Hassan",
-          date: "June 2023",
-          title: "Loyal",
-          quote: "Consistently great results every single time.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg?_wi=2",
-          imageAlt: "happy client portrait men",
-        },
+          id: "5",          name: "Hassan",          date: "June 2023",          title: "Loyal",          quote: "Consistently great results every single time.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg",          imageAlt: "happy client portrait men"},
       ]}
       title="Client Reviews"
       description="What our clients say about us."
@@ -269,18 +155,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-static-grid",
-      }}
+        variant: "rotated-rays-static-grid"}}
       text="Ready for your next look? Book your appointment today or chat with us on WhatsApp."
       buttons={[
         {
-          text: "Book Now",
-          href: "#",
-        },
+          text: "Book Now",          href: "#"},
         {
-          text: "WhatsApp Us",
-          href: "#",
-        },
+          text: "WhatsApp Us",          href: "#"},
       ]}
     />
   </div>
@@ -290,20 +171,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Hours",
-          content: "10:00 AM - 10:00 PM",
-        },
+          id: "f1",          title: "Hours",          content: "10:00 AM - 10:00 PM"},
         {
-          id: "f2",
-          title: "Parking",
-          content: "Free parking available in the building basement.",
-        },
+          id: "f2",          title: "Parking",          content: "Free parking available in the building basement."},
         {
-          id: "f3",
-          title: "Appointments",
-          content: "Bookings are prioritized.",
-        },
+          id: "f3",          title: "Appointments",          content: "Bookings are prioritized."},
       ]}
       sideTitle="Location"
       sideDescription="📍 Hay Al Nahda, Sharjah\n📞 Call Now: +971 6 000 0000"
@@ -316,29 +188,19 @@ export default function LandingPage() {
       logoText="Mirror Gents Centre"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Booking",
-              href: "#booking",
-            },
+              label: "Booking",              href: "#booking"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Location",
-              href: "#contact",
-            },
+              label: "Location",              href: "#contact"},
             {
-              label: "WhatsApp",
-              href: "#",
-            },
+              label: "WhatsApp",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1