From 8ede5278d42cda30bf2d900fac3068885e1167ba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 25 May 2026 00:15:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 268 ++++++++++-------------------------------------
 1 file changed, 56 insertions(+), 212 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7862a60..c8c9e57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,91 +31,39 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="SALON ALSAWARI"
+      button={{ text: "Book Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Precision Grooming at SALON ALSAWARI"
       description="Experience the ultimate grooming journey with our expert barbers. We specialize in classic cuts, modern styles, and premium beard care tailored just for you."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-barber-client-preparing-treatment_23-2147737010.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
-          alt: "Client",
-        },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", alt: "Client" },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-barber-client-preparing-treatment_23-2147737010.jpg", alt: "Client" },
+        { src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg", alt: "Client" },
+        { src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", alt: "Client" },
+        { src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", alt: "Client" }
       ]}
       buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
+        { text: "Book Appointment", href: "#contact" },
+        { text: "View Services", href: "#services" }
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Premium Grooming",
-        },
-        {
-          type: "text",
-          text: "Classic Styles",
-        },
-        {
-          type: "text",
-          text: "Modern Cuts",
-        },
-        {
-          type: "text",
-          text: "Expert Barbers",
-        },
-        {
-          type: "text",
-          text: "Signature Shaves",
-        },
+        { type: "text", text: "Premium Grooming" },
+        { type: "text", text: "Classic Styles" },
+        { type: "text", text: "Modern Cuts" },
+        { type: "text", text: "Expert Barbers" },
+        { type: "text", text: "Signature Shaves" }
       ]}
     />
   </div>
@@ -125,8 +73,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Excellence in Every Cut"
       description={[
-        "At SALON ALSAWARI, we blend tradition with modern artistry. Our barbers are trained to provide a sanctuary where you can relax and refine your look.",
-        "We use only premium products, ensuring every haircut or shave meets our standard of excellence. Your satisfaction is our signature.",
+        "At SALON ALSAWARI, we blend tradition with modern artistry. Our barbers are trained to provide a sanctuary where you can relax and refine your look.",        "We use only premium products, ensuring every haircut or shave meets our standard of excellence. Your satisfaction is our signature."
       ]}
     />
   </div>
@@ -138,23 +85,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Signature Shave",
-          description: "Hot towel shave with premium oils for a smooth, refreshing result.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=1",
-          imageAlt: "Service",
+          title: "Signature Shave",          description: "Hot towel shave with premium oils for a smooth, refreshing result.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg",          imageAlt: "Service"
         },
         {
-          title: "Beard Sculpting",
-          description: "Precision trimming and styling to perfectly shape your beard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg",
-          imageAlt: "Service",
+          title: "Beard Sculpting",          description: "Precision trimming and styling to perfectly shape your beard.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg",          imageAlt: "Service"
         },
         {
-          title: "Classic Cut",
-          description: "Expert haircutting personalized to fit your unique facial features.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg",
-          imageAlt: "Service",
-        },
+          title: "Classic Cut",          description: "Expert haircutting personalized to fit your unique facial features.",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg",          imageAlt: "Service"
+        }
       ]}
       title="Signature Services"
       description="From classic shaves to cutting-edge fades, our services are designed to elevate your personal style."
@@ -168,53 +106,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          title: "Classic Cut",
-          price: "$30",
-          period: "per session",
-          features: [
-            "Consultation",
-            "Haircut",
-            "Style",
-          ],
-          button: {
-            text: "Book Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
-          imageAlt: "barbershop interior luxury",
+          id: "basic",          title: "Classic Cut",          price: "$30",          period: "per session",          features: ["Consultation", "Haircut", "Style"],
+          button: { text: "Book Now" },
+          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",          imageAlt: "barbershop interior luxury"
         },
         {
-          id: "shave",
-          title: "Premium Shave",
-          price: "$25",
-          period: "per session",
-          features: [
-            "Hot Towel",
-            "Shave",
-            "Aftershave Balm",
-          ],
-          button: {
-            text: "Book Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg",
-          imageAlt: "barbershop interior luxury",
+          id: "shave",          title: "Premium Shave",          price: "$25",          period: "per session",          features: ["Hot Towel", "Shave", "Aftershave Balm"],
+          button: { text: "Book Now" },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg",          imageAlt: "barbershop interior luxury"
         },
         {
-          id: "full",
-          title: "Full Experience",
-          price: "$50",
-          period: "per session",
-          features: [
-            "Cut & Shave",
-            "Beard Trim",
-            "Consultation",
-          ],
-          button: {
-            text: "Book Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=2",
-          imageAlt: "barbershop interior luxury",
-        },
+          id: "full",          title: "Full Experience",          price: "$50",          period: "per session",          features: ["Cut & Shave", "Beard Trim", "Consultation"],
+          button: { text: "Book Now" },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg",          imageAlt: "barbershop interior luxury"
+        }
       ]}
       title="Pricing Packages"
       description="Transparent pricing for high-quality grooming services."
@@ -224,32 +129,13 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={true}
+      cardTag="Review"
       testimonials={[
-        {
-          id: "1",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
-        },
-        {
-          id: "2",
-          name: "Alex R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
-        },
-        {
-          id: "3",
-          name: "Sam K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
-        },
-        {
-          id: "4",
-          name: "James L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
-        },
-        {
-          id: "5",
-          name: "Tom P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg",
-        },
+        { id: "1", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
+        { id: "2", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg" },
+        { id: "3", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg" },
+        { id: "4", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" },
+        { id: "5", name: "Tom P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg" }
       ]}
       cardTitle="Client Voices"
       cardAnimation="slide-up"
@@ -261,13 +147,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "GroomingCo",
-        "StyleMasters",
-        "PrecisionTools",
-        "BarberSupply",
-        "SharpEdge",
-        "ClassicCare",
-        "MasterFade",
+        "GroomingCo",        "StyleMasters",        "PrecisionTools",        "BarberSupply",        "SharpEdge",        "ClassicCare",        "MasterFade"
       ]}
       title="Trusted by Men of Style"
       description="We partner with top-tier grooming and style brands."
@@ -279,21 +159,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "Do I need to book?",
-          content: "While we welcome walk-ins, booking an appointment is recommended to guarantee your time slot.",
-        },
-        {
-          id: "2",
-          title: "What payment methods?",
-          content: "We accept cash, credit cards, and digital wallet payments.",
-        },
-        {
-          id: "3",
-          title: "How long does it take?",
-          content: "A standard haircut typically takes 30-45 minutes depending on the complexity.",
-        },
+        { id: "1", title: "Do I need to book?", content: "While we welcome walk-ins, booking an appointment is recommended to guarantee your time slot." },
+        { id: "2", title: "What payment methods?", content: "We accept cash, credit cards, and digital wallet payments." },
+        { id: "3", title: "How long does it take?", content: "A standard haircut typically takes 30-45 minutes depending on the complexity." }
       ]}
       title="Frequent Questions"
       description="Everything you need to know about your appointment."
@@ -304,18 +172,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Visit Us"
       title="Ready for a fresh look?"
       description="Book your appointment today at SALON ALSAWARI."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#" }]}
     />
   </div>
 
@@ -323,35 +184,18 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Links",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Booking",
-              href: "#contact",
-            },
-          ],
+          title: "Links",          items: [
+            { label: "Services", href: "#services" },
+            { label: "Pricing", href: "#pricing" },
+            { label: "Booking", href: "#contact" }
+          ]
         },
         {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
+          title: "Social",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "Facebook", href: "#" }
+          ]
+        }
       ]}
       logoText="SALON ALSAWARI"
       copyrightText="© 2025 SALON ALSAWARI. All rights reserved."
-- 
2.49.1