From d6c37c6c72d34df0add3dade5d6cf71902d9c106 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 12:14:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 264 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 227 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 66b4193..42f70d9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,36 +19,21 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="medium"
         sizing="medium"
-        background="noiseDiagonalGradient"
-        cardStyle="outline"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Services", id: "#services" },
+        { name: "About", id: "#about" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="FEVZI BARBER"
     />
@@ -56,48 +41,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       title="Mastery in Grooming."
       description="Fevzi Luxury Barber Shop provides world-class grooming services in the heart of Lethbridge. Experience the perfect blend of tradition and modern style."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#contact" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=1",
-          imageAlt: "Luxurious barber shop environment",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=2",
-          imageAlt: "Barber chair view",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=3",
-          imageAlt: "Grooming detail",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=4",
-          imageAlt: "Barber shop aesthetic",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=5",
-          imageAlt: "Professional workspace",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg?_wi=6",
-          imageAlt: "Luxury barber tools",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Luxurious barber shop environment" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Barber chair view" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Grooming detail" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Barber shop aesthetic" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Professional workspace" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-with-his-pet-coffee-shop-dog-owner-playing-with-his-pet-looking-happy_1258-314221.jpg", imageAlt: "Luxury barber tools" },
       ]}
     />
   </div>
@@ -109,18 +63,9 @@ export default function LandingPage() {
       title="The Fevzi Difference"
       description="We don't just cut hair; we curate your look. Fevzi Barbershop represents excellence in grooming, specializing in sharp fades, classic shaves, and premium beard maintenance."
       bulletPoints={[
-        {
-          title: "Expert Stylists",
-          description: "Highly skilled barbers committed to perfection.",
-        },
-        {
-          title: "Premium Products",
-          description: "Only the finest quality grooming products used.",
-        },
-        {
-          title: "Relaxed Atmosphere",
-          description: "A refined space to unwind and refresh.",
-        },
+        { title: "Expert Stylists", description: "Highly skilled barbers committed to perfection." },
+        { title: "Premium Products", description: "Only the finest quality grooming products used." },
+        { title: "Relaxed Atmosphere", description: "A refined space to unwind and refresh." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg"
       mediaAnimation="slide-up"
@@ -134,24 +79,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          id: "s1",
-          title: "Signature Haircut",
-          description: "Precision cut tailored to your hair type and style preferences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-drying-hair-with-brush_23-2147769824.jpg",
-        },
-        {
-          id: "s2",
-          title: "Classic Shave",
-          description: "Traditional straight razor hot towel shave for ultimate smoothness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313013.jpg",
-        },
-        {
-          id: "s3",
-          title: "Beard Grooming",
-          description: "Full beard shape-up, oil treatment, and styling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg",
-        },
+        { id: "s1", title: "Signature Haircut", description: "Precision cut tailored to your hair type and style preferences.", imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-drying-hair-with-brush_23-2147769824.jpg" },
+        { id: "s2", title: "Classic Shave", description: "Traditional straight razor hot towel shave for ultimate smoothness.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313013.jpg" },
+        { id: "s3", title: "Beard Grooming", description: "Full beard shape-up, oil treatment, and styling.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg" },
       ]}
       title="Our Signature Services"
       description="From precise cuts to hot towel shaves, we offer the complete grooming experience."
@@ -164,53 +94,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",
-          name: "Basic Cut",
-          price: "$35",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Neck trim",
-          ],
-        },
-        {
-          id: "p2",
-          name: "The Executive",
-          price: "$60",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut & Wash",
-            "Hot Towel Shave",
-            "Beard Trim",
-          ],
-        },
-        {
-          id: "p3",
-          name: "Luxury Groom",
-          price: "$85",
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full Grooming",
-            "Face Treatment",
-            "Styling",
-          ],
-        },
+        { id: "p1", name: "Basic Cut", price: "$35", buttons: [{ text: "Select", href: "#contact" }], features: ["Haircut", "Neck trim"] },
+        { id: "p2", name: "The Executive", price: "$60", buttons: [{ text: "Select", href: "#contact" }], features: ["Haircut & Wash", "Hot Towel Shave", "Beard Trim"] },
+        { id: "p3", name: "Luxury Groom", price: "$85", buttons: [{ text: "Select", href: "#contact" }], features: ["Full Grooming", "Face Treatment", "Styling"] },
       ]}
       title="Pricing Options"
       description="Simple, transparent pricing for high-end results."
@@ -223,60 +109,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Mark Stevens",
-          role: "Professional",
-          company: "Local Business",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg",
-        },
-        {
-          id: "2",
-          name: "James O'Connor",
-          role: "Entrepreneur",
-          company: "Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg",
-        },
-        {
-          id: "3",
-          name: "Robert Miller",
-          role: "Architect",
-          company: "Designs Ltd",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-hand-his-pocket-holding-glass-drink_23-2147861968.jpg",
-        },
-        {
-          id: "4",
-          name: "David Wilson",
-          role: "Student",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Alex Peterson",
-          role: "Consultant",
-          company: "Global Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg?_wi=2",
-        },
+        { id: "1", name: "Mark Stevens", role: "Professional", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-male-with-crossed-arms-dressed-red-fleece-shirt-grey-background_613910-2176.jpg" },
+        { id: "2", name: "James O'Connor", role: "Entrepreneur", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg" },
+        { id: "3", name: "Robert Miller", role: "Architect", company: "Designs Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-hand-his-pocket-holding-glass-drink_23-2147861968.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "15+",
-          label: "Years Experience",
-        },
-        {
-          value: "5000+",
-          label: "Satisfied Clients",
-        },
-        {
-          value: "4.9/5",
-          label: "Customer Rating",
-        },
+        { value: "15+", label: "Years Experience" },
+        { value: "5000+", label: "Satisfied Clients" },
+        { value: "4.9/5", label: "Customer Rating" },
       ]}
       title="Client Experiences"
       description="Don't take our word for it. Our clients expect the best, and we deliver."
@@ -286,9 +126,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Visit Us"
       title="Ready for a Fresh Cut?"
       description="Book your appointment today and join our elite clientele. We are located centrally in Lethbridge."
@@ -300,37 +138,9 @@ export default function LandingPage() {
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/dark-blue-grey-rough-textured-surface_84443-73630.jpg"
       columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              label: "Lethbridge, AB",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Follow",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Location", items: [{ label: "Lethbridge, AB", href: "#" }] },
+        { title: "Follow", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="FEVZI BARBER"
       copyrightText="© 2025 Fevzi Barber Shop"