From ad41954ddf8cebcd33f05aa911fcbba573f6df07 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 07:34:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 328 ++++++++---------------------------------------
 1 file changed, 51 insertions(+), 277 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 24cfc3b..e2f8cda 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,31 +21,23 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Team", id: "team" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AJ Salon & Spa"
     />
@@ -53,74 +45,31 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Unwind in Elegance"
       description="Experience premium salon and spa treatments designed to rejuvenate your body and mind in our serene sanctuary."
       kpis={[
-        {
-          value: "15+",
-          label: "Years Experience",
-        },
-        {
-          value: "5k+",
-          label: "Happy Clients",
-        },
-        {
-          value: "4.9",
-          label: "Rating",
-        },
+        { value: "15+", label: "Years Experience" },
+        { value: "5k+", label: "Happy Clients" },
+        { value: "4.9", label: "Rating" },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/pregnant-woman-standing-by-window_1303-12894.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg",
-          alt: "Woman using laptop in minimal decorated room",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blurred-reception_1203-754.jpg",
-          alt: "Blurred reception",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",
-          alt: "Hair salon workplace",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
-          alt: "3d rendering spa and massage wellness in hotel suite with bathtub",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
-          alt: "Alpine hotel hosting winter sports",
-        },
+        { src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg", alt: "Woman using laptop in minimal decorated room" },
+        { src: "http://img.b2bpic.net/free-photo/blurred-reception_1203-754.jpg", alt: "Blurred reception" },
+        { src: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg", alt: "Hair salon workplace" },
+        { src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", alt: "3d rendering spa and massage wellness in hotel suite with bathtub" },
+        { src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg", alt: "Alpine hotel hosting winter sports" },
       ]}
       avatarText="Trusted by over 5,000 happy guests."
       marqueeItems={[
-        {
-          type: "text",
-          text: "Organic Skincare",
-        },
-        {
-          type: "text-icon",
-          text: "Hair Styling",
-          icon: Scissors,
-        },
-        {
-          type: "text",
-          text: "Rejuvenating Massage",
-        },
-        {
-          type: "text-icon",
-          text: "Nail Art",
-          icon: Sparkles,
-        },
-        {
-          type: "text",
-          text: "Wellness Sanctuary",
-        },
+        { type: "text", text: "Organic Skincare" },
+        { type: "text-icon", text: "Hair Styling", icon: Scissors },
+        { type: "text", text: "Rejuvenating Massage" },
+        { type: "text-icon", text: "Nail Art", icon: Sparkles },
+        { type: "text", text: "Wellness Sanctuary" },
       ]}
     />
   </div>
@@ -140,36 +89,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          label: "Hair Care",
-          title: "Expert Styling",
-          items: [
-            "Styling & Cuts",
-            "Organic Coloring",
-            "Keratin Treatments",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Spa Care",
-          title: "Wellness Spa",
-          items: [
-            "Deep Tissue Massage",
-            "Aromatherapy",
-            "Hot Stone Therapy",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Skin Care",
-          title: "Glow Facials",
-          items: [
-            "Hydration Facials",
-            "Anti-Aging Treatments",
-            "Deep Cleansing",
-          ],
-        },
+        { id: "f1", label: "Hair Care", title: "Expert Styling", items: ["Styling & Cuts", "Organic Coloring", "Keratin Treatments"] },
+        { id: "f2", label: "Spa Care", title: "Wellness Spa", items: ["Deep Tissue Massage", "Aromatherapy", "Hot Stone Therapy"] },
+        { id: "f3", label: "Skin Care", title: "Glow Facials", items: ["Hydration Facials", "Anti-Aging Treatments", "Deep Cleansing"] },
       ]}
       title="Our Signature Services"
       description="Tailored treatments for every individual."
@@ -183,48 +105,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Luxury Hair Oil",
-          price: "$45",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg",
-        },
-        {
-          id: "p2",
-          name: "Botanical Face Mask",
-          price: "$38",
-          variant: "Organic",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-spas-ingredients-white-wooden-background_23-2148031318.jpg",
-        },
-        {
-          id: "p3",
-          name: "Spa Body Scrub",
-          price: "$52",
-          variant: "Exfoliating",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37735.jpg",
-        },
-        {
-          id: "p4",
-          name: "Nourishing Serum",
-          price: "$60",
-          variant: "Hydrating",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
-        },
-        {
-          id: "p5",
-          name: "Calming Mist",
-          price: "$28",
-          variant: "Relaxing",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-enjoing-relaxing-back-massage-cosmetology-spa-centre_613910-2347.jpg",
-        },
-        {
-          id: "p6",
-          name: "Hand Cream Trio",
-          price: "$35",
-          variant: "Travel",
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-artist-shortening-nails-doing-manicure-salon-manicure-set_176420-11578.jpg",
-        },
+        { id: "p1", name: "Luxury Hair Oil", price: "$45", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg" },
+        { id: "p2", name: "Botanical Face Mask", price: "$38", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/natural-spas-ingredients-white-wooden-background_23-2148031318.jpg" },
+        { id: "p3", name: "Spa Body Scrub", price: "$52", variant: "Exfoliating", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37735.jpg" },
+        { id: "p4", name: "Nourishing Serum", price: "$60", variant: "Hydrating", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg" },
+        { id: "p5", name: "Calming Mist", price: "$28", variant: "Relaxing", imageSrc: "http://img.b2bpic.net/free-photo/female-enjoing-relaxing-back-massage-cosmetology-spa-centre_613910-2347.jpg" },
+        { id: "p6", name: "Hand Cream Trio", price: "$35", variant: "Travel", imageSrc: "http://img.b2bpic.net/free-photo/nail-artist-shortening-nails-doing-manicure-salon-manicure-set_176420-11578.jpg" },
       ]}
       title="Featured Beauty Kits"
       description="Take the salon experience home."
@@ -237,57 +123,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "$85",
-          subtitle: "Perfect for maintenance",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Hair Cut",
-            "Blow Dry",
-            "Scalp Massage",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Popular",
-          price: "$150",
-          subtitle: "Our most loved experience",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Hair Color",
-            "Deep Conditioning",
-            "Signature Facial",
-          ],
-        },
-        {
-          id: "ultimate",
-          badge: "VIP",
-          price: "$250",
-          subtitle: "Total relaxation package",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full Spa Day",
-            "Color & Cut",
-            "Extended Massage",
-          ],
-        },
+        { id: "basic", badge: "Essential", price: "$85", subtitle: "Perfect for maintenance", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Hair Cut", "Blow Dry", "Scalp Massage"] },
+        { id: "pro", badge: "Popular", price: "$150", subtitle: "Our most loved experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Hair Color", "Deep Conditioning", "Signature Facial"] },
+        { id: "ultimate", badge: "VIP", price: "$250", subtitle: "Total relaxation package", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full Spa Day", "Color & Cut", "Extended Massage"] },
       ]}
       title="Treatment Packages"
       description="Invest in your self-care journey."
@@ -301,21 +139,9 @@ export default function LandingPage() {
       tag="Our Team"
       membersAnimation="slide-up"
       members={[
-        {
-          id: "m1",
-          name: "Sarah Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg",
-        },
-        {
-          id: "m2",
-          name: "David Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201391.jpg",
-        },
-        {
-          id: "m3",
-          name: "Elena Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265920.jpg",
-        },
+        { id: "m1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg" },
+        { id: "m2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201391.jpg" },
+        { id: "m3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265920.jpg" },
       ]}
       memberVariant="card"
     />
@@ -326,46 +152,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Exceptional Service",
-          quote: "The best spa experience ever!",
-          name: "Anna J.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
-        },
-        {
-          id: "2",
-          title: "Highly Recommend",
-          quote: "I love the relaxing atmosphere.",
-          name: "Mark D.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
-        },
-        {
-          id: "3",
-          title: "Total Transformation",
-          quote: "My hair feels amazing after every visit.",
-          name: "Linda S.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-young-girl-with-dark-hair-casual-clothes-looks-camera-sitting-backyard-mood-lifestyle-concept_197531-32586.jpg",
-        },
-        {
-          id: "4",
-          title: "Wonderful Team",
-          quote: "Professional, clean, and so talented.",
-          name: "Sarah K.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
-        },
-        {
-          id: "5",
-          title: "Perfect Escape",
-          quote: "Exactly what I needed for stress relief.",
-          name: "Joe M.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871836.jpg",
-        },
+        { id: "1", title: "Exceptional Service", quote: "The best spa experience ever!", name: "Anna J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg" },
+        { id: "2", title: "Highly Recommend", quote: "I love the relaxing atmosphere.", name: "Mark D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg" },
+        { id: "3", title: "Total Transformation", quote: "My hair feels amazing after every visit.", name: "Linda S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-young-girl-with-dark-hair-casual-clothes-looks-camera-sitting-backyard-mood-lifestyle-concept_197531-32586.jpg" },
+        { id: "4", title: "Wonderful Team", quote: "Professional, clean, and so talented.", name: "Sarah K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg" },
+        { id: "5", title: "Perfect Escape", quote: "Exactly what I needed for stress relief.", name: "Joe M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871836.jpg" },
       ]}
       title="Client Stories"
       description="What our guests are saying."
@@ -377,21 +168,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Can I bring a guest?",
-          content: "Yes, we encourage guests to relax in our lounge.",
-        },
-        {
-          id: "q2",
-          title: "How early should I arrive?",
-          content: "Please arrive 15 minutes before your scheduled appointment.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer gift cards?",
-          content: "Absolutely! Gift cards are available for any denomination.",
-        },
+        { id: "q1", title: "Can I bring a guest?", content: "Yes, we encourage guests to relax in our lounge." },
+        { id: "q2", title: "How early should I arrive?", content: "Please arrive 15 minutes before your scheduled appointment." },
+        { id: "q3", title: "Do you offer gift cards?", content: "Absolutely! Gift cards are available for any denomination." },
       ]}
       title="Frequently Asked"
       description="Have questions about our treatments?"
@@ -402,15 +181,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       text="Ready for your next treatment? Book your appointment today and start your journey to relaxation."
       buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@ajsalonspa.com",
-        },
+        { text: "Contact Us", href: "mailto:hello@ajsalonspa.com" },
       ]}
     />
   </div>
-- 
2.49.1