From be0ae060c36fe717113742e858cfe78b68779859 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 08:51:00 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1979001..6cd1089 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Color X-treme"
     />
@@ -54,68 +42,30 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Look & Feel Your Best at Color X-treme"
       description="Experience premium salon services in a welcoming, luxury space. Our expert stylists deliver trusted results for your hair and beauty needs."
       buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
+        { text: "Book Appointment", href: "#contact" },
+        { text: "View Services", href: "#services" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/skiing-equipment-attire-lobby_482257-102282.jpg"
       imageAlt="Luxurious salon interior"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg",
-          alt: "Female hairdresser and woman smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
-          alt: "Joyful woman in salon",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
-          alt: "Happy client with skin care",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-sits-table-with-makeup-tools-holding-speech-bubble-with-makeup-brush_141793-120770.jpg",
-          alt: "Smiling woman with beauty tools",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg",
-          alt: "Happy woman resting",
-        },
+        { src: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg", alt: "Female hairdresser and woman smiling" },
+        { src: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg", alt: "Joyful woman in salon" },
+        { src: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg", alt: "Happy client with skin care" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-sits-table-with-makeup-tools-holding-speech-bubble-with-makeup-brush_141793-120770.jpg", alt: "Smiling woman with beauty tools" },
+        { src: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg", alt: "Happy woman resting" }
       ]}
       avatarText="Join 5,000+ satisfied clients"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Expert Styling",
-        },
-        {
-          type: "text",
-          text: "Precision Cuts",
-        },
-        {
-          type: "text",
-          text: "Luxury Color",
-        },
-        {
-          type: "text",
-          text: "Nail Art",
-        },
-        {
-          type: "text",
-          text: "Bridal Packages",
-        },
+        { type: "text", text: "Expert Styling" },
+        { type: "text", text: "Precision Cuts" },
+        { type: "text", text: "Luxury Color" },
+        { type: "text", text: "Nail Art" },
+        { type: "text", text: "Bridal Packages" }
       ]}
     />
   </div>
@@ -136,27 +86,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "s1",
-          title: "Hair Styling & Cutting",
-          description: "Trendy, precision cuts tailored for your face shape and hair texture.",
-          tag: "Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205890.jpg",
-        },
-        {
-          id: "s2",
-          title: "Hair Coloring",
-          description: "Expert coloring services from balayage to full transformations.",
-          tag: "Color",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-off-dye-sink_23-2147769788.jpg",
-        },
-        {
-          id: "s3",
-          title: "Nails & Beauty",
-          description: "Luxury manicure and specialized beauty treatments for the perfect look.",
-          tag: "Nails",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg",
-        },
+        { id: "s1", title: "Hair Styling & Cutting", description: "Trendy, precision cuts tailored for your face shape and hair texture.", tag: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205890.jpg" },
+        { id: "s2", title: "Hair Coloring", description: "Expert coloring services from balayage to full transformations.", tag: "Color", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-off-dye-sink_23-2147769788.jpg" },
+        { id: "s3", title: "Nails & Beauty", description: "Luxury manicure and specialized beauty treatments for the perfect look.", tag: "Nails", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg" }
       ]}
       title="Our Signature Services"
       description="Expert beauty care from head to toe."
@@ -169,38 +101,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          tag: "Essentials",
-          price: "$85",
-          period: "starting",
-          description: "Refresh your look with a designer haircut and blow-dry.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Included Services:",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Luxury Blowout",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Color Refresh",
-          price: "$150",
-          period: "starting",
-          description: "Expert color application including gloss treatment.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Included Services:",
-          features: [
-            "Root Touchup",
-            "Gloss Treatment",
-            "Style",
-          ],
-        },
+        { id: "p1", tag: "Essentials", price: "$85", period: "starting", description: "Refresh your look with a designer haircut and blow-dry.", button: { text: "Book Now" }, featuresTitle: "Included Services:", features: ["Consultation", "Precision Cut", "Luxury Blowout"] },
+        { id: "p2", tag: "Color Refresh", price: "$150", period: "starting", description: "Expert color application including gloss treatment.", button: { text: "Book Now" }, featuresTitle: "Included Services:", features: ["Root Touchup", "Gloss Treatment", "Style"] }
       ]}
       title="Investment in You"
       description="Transparent pricing for high-quality salon artistry."
@@ -210,49 +112,15 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       textboxLayout="default"
+      animationType="slide-up"
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
-        },
-        {
-          id: "2",
-          name: "Maria K.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena P.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg",
-        },
-        {
-          id: "4",
-          name: "Jessica L.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswomen-working-office_23-2147955077.jpg",
-        },
-        {
-          id: "5",
-          name: "Amanda R.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg" },
+        { id: "2", name: "Maria K.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg" },
+        { id: "3", name: "Elena P.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg" },
+        { id: "4", name: "Jessica L.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswomen-working-office_23-2147955077.jpg" },
+        { id: "5", name: "Amanda R.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg" }
       ]}
       title="Client Love"
       description="Our satisfied guests share their experiences."
@@ -264,13 +132,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Style Excellence",
-        "Modern Beauty Guide",
-        "Top Rated Salon",
-        "Local Business Awards",
-        "Best Stylists 2024",
-        "Verified Salon Pro",
-        "Premium Beauty Hub",
+        "Style Excellence",        "Modern Beauty Guide",        "Top Rated Salon",        "Local Business Awards",        "Best Stylists 2024",        "Verified Salon Pro",        "Premium Beauty Hub"
       ]}
       title="Trusted Excellence"
       description="Recognized for quality in our community."
@@ -282,21 +144,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I book an appointment?",
-          content: "You can book directly through our WhatsApp link or our online booking form.",
-        },
-        {
-          id: "q2",
-          title: "What products do you use?",
-          content: "We only use premium, salon-grade products chosen for quality and results.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer bridal services?",
-          content: "Yes, we specialize in bridal hair and beauty preparations for your big day.",
-        },
+        { id: "q1", title: "How do I book an appointment?", content: "You can book directly through our WhatsApp link or our online booking form." },
+        { id: "q2", title: "What products do you use?", content: "We only use premium, salon-grade products chosen for quality and results." },
+        { id: "q3", title: "Do you offer bridal services?", content: "Yes, we specialize in bridal hair and beauty preparations for your big day." }
       ]}
       title="Common Inquiries"
       description="Everything you need to know about your next appointment."
@@ -307,9 +157,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Book Your X-treme Transformation"
       description="Located in the heart of town. Contact us today via phone or WhatsApp to secure your chair."
@@ -320,35 +168,18 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Haircut",
-              href: "#services",
-            },
-            {
-              label: "Coloring",
-              href: "#services",
-            },
-            {
-              label: "Nails",
-              href: "#services",
-            },
-          ],
+          title: "Services",          items: [
+            { label: "Haircut", href: "#services" },
+            { label: "Coloring", href: "#services" },
+            { label: "Nails", href: "#services" }
+          ]
         },
         {
-          title: "Salon",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Booking",
-              href: "#contact",
-            },
-          ],
-        },
+          title: "Salon",          items: [
+            { label: "About", href: "#about" },
+            { label: "Booking", href: "#contact" }
+          ]
+        }
       ]}
       logoText="Color X-treme"
     />
-- 
2.49.1