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

---
 src/app/page.tsx | 207 +++++++++--------------------------------------
 1 file changed, 38 insertions(+), 169 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1b655ec..4311675 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">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Miguel Lopez Salon"
     />
@@ -54,41 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background="gradient-bars"
+      background={{ variant: "gradient-bars" }}
       title="Elevate Your Look. Experience Luxury Hair Artistry."
       description="Welcome to Miguel Lopez Salon, where artistry meets premium NYC hair care. Discover a transformative experience in the heart of the city."
       tag="PREMIUM HAIR ARTISTRY"
       buttons={[
-        {
-          text: "Book Appointment",
-          href: "https://vagaro.com",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
+        { text: "Book Appointment", href: "https://vagaro.com" },
+        { text: "View Services", href: "#services" },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-model-black-leather-jacket-posing-near-lamps_114579-66700.jpg",
-          imageAlt: "Elegant hair artistry",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-model-black-leather-jacket-posing-near-lamps_114579-66700.jpg",          imageAlt: "Elegant hair artistry"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg",
-          imageAlt: "Salon craftsmanship",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14321.jpg",
-          imageAlt: "Glamour portrait of model with clean skin",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg",
-          imageAlt: "Professional makeup and styled hair portrait",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-woman-with-hand-dark-skinned-man-around-neck_8353-12401.jpg",
-          imageAlt: "Sophisticated lifestyle photography",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg",          imageAlt: "Salon craftsmanship"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -105,18 +71,9 @@ export default function LandingPage() {
       description="Based in the heart of New York City, Miguel Lopez Salon provides a sophisticated, inclusive environment for all. We are LGBTQ+ friendly and dedicated to delivering a premium, tailored experience that leaves you feeling empowered and styled to perfection."
       tag="ABOUT US"
       bulletPoints={[
-        {
-          title: "NYC Expertise",
-          description: "Cutting-edge techniques in our 28th St flagship location.",
-        },
-        {
-          title: "Inclusive Space",
-          description: "A welcoming, LGBTQ+ friendly salon for everyone.",
-        },
-        {
-          title: "Premium Experience",
-          description: "High-end luxury service tailored to your individual style.",
-        },
+        { title: "NYC Expertise", description: "Cutting-edge techniques in our 28th St flagship location." },
+        { title: "Inclusive Space", description: "A welcoming, LGBTQ+ friendly salon for everyone." },
+        { title: "Premium Experience", description: "High-end luxury service tailored to your individual style." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
       mediaAnimation="slide-up"
@@ -128,22 +85,14 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
+      animationType="slide-up"
       features={[
         {
-          title: "Precision Haircuts",
-          description: "Tailored cuts crafted for your lifestyle.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230919.jpg",
-        },
+          title: "Precision Haircuts",          description: "Tailored cuts crafted for your lifestyle.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230919.jpg"},
         {
-          title: "Advanced Coloring",
-          description: "From lived-in color to bold transformations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585915.jpg",
-        },
+          title: "Advanced Coloring",          description: "From lived-in color to bold transformations.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585915.jpg"},
         {
-          title: "Restorative Treatments",
-          description: "Rejuvenating therapies for healthy, resilient hair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454757.jpg",
-        },
+          title: "Restorative Treatments",          description: "Rejuvenating therapies for healthy, resilient hair.",          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454757.jpg"},
       ]}
       title="Curated Salon Services"
       description="Expert services designed to celebrate your unique identity and enhance your natural beauty."
@@ -157,55 +106,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "1",
-          tag: "Essential",
-          price: "$150",
-          period: "starts at",
-          description: "Classic precision styling and haircut.",
-          button: {
-            text: "Book Now",
-            href: "https://vagaro.com",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Blowout",
-          ],
+          id: "1",          tag: "Essential",          price: "$150",          period: "starts at",          description: "Classic precision styling and haircut.",          button: { text: "Book Now", href: "https://vagaro.com" },
+          featuresTitle: "Includes:",          features: ["Consultation", "Precision Cut", "Blowout"]
         },
         {
-          id: "2",
-          tag: "Expert",
-          price: "$250",
-          period: "starts at",
-          description: "Premium coloring techniques for dimension.",
-          button: {
-            text: "Book Now",
-            href: "https://vagaro.com",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Deep Treatment",
-            "Custom Color",
-            "Styling",
-          ],
+          id: "2",          tag: "Expert",          price: "$250",          period: "starts at",          description: "Premium coloring techniques for dimension.",          button: { text: "Book Now", href: "https://vagaro.com" },
+          featuresTitle: "Includes:",          features: ["Deep Treatment", "Custom Color", "Styling"]
         },
         {
-          id: "3",
-          tag: "Luxury",
-          price: "$350",
-          period: "starts at",
-          description: "Full transformative luxury experience.",
-          button: {
-            text: "Book Now",
-            href: "https://vagaro.com",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Scalp Therapy",
-            "Full Transformation",
-            "Premium Finish",
-          ],
+          id: "3",          tag: "Luxury",          price: "$350",          period: "starts at",          description: "Full transformative luxury experience.",          button: { text: "Book Now", href: "https://vagaro.com" },
+          featuresTitle: "Includes:",          features: ["Scalp Therapy", "Full Transformation", "Premium Finish"]
         },
       ]}
       title="Service Investment"
@@ -217,25 +127,14 @@ export default function LandingPage() {
       <TeamCardFive
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       team={[
         {
-          id: "t1",
-          name: "Miguel Lopez",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/tired-with-closed-eyes-young-female-barber-uniform-holding-hair-clippers-with-winner-cup-putting-hand-forehead-isolated-olive-green-wall_141793-83337.jpg",
-        },
+          id: "t1",          name: "Miguel Lopez",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/tired-with-closed-eyes-young-female-barber-uniform-holding-hair-clippers-with-winner-cup-putting-hand-forehead-isolated-olive-green-wall_141793-83337.jpg"},
         {
-          id: "t2",
-          name: "Sarah J.",
-          role: "Master Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-wig_23-2149883723.jpg",
-        },
+          id: "t2",          name: "Sarah J.",          role: "Master Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-wig_23-2149883723.jpg"},
         {
-          id: "t3",
-          name: "Jordan P.",
-          role: "Lead Colorist",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213635.jpg",
-        },
+          id: "t3",          name: "Jordan P.",          role: "Lead Colorist",          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213635.jpg"},
       ]}
       title="Meet the Artists"
       description="Highly trained specialists dedicated to your hair journey."
@@ -249,45 +148,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Elena R.",
-          handle: "@elena",
-          testimonial: "The best hair experience in NYC. Truly luxurious and inclusive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg",
-        },
+          id: "1",          name: "Elena R.",          handle: "@elena",          testimonial: "The best hair experience in NYC. Truly luxurious and inclusive.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg"},
         {
-          id: "2",
-          name: "Marc T.",
-          handle: "@marc",
-          testimonial: "Miguel is a genius. I finally found my permanent stylist.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressing-brightful-emotions-stylish-pretty-model-with-luxury-coiffure-beautiful-makeup-glass-champagne-hairdresser-salon_197531-3678.jpg",
-        },
+          id: "2",          name: "Marc T.",          handle: "@marc",          testimonial: "Miguel is a genius. I finally found my permanent stylist.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/expressing-brightful-emotions-stylish-pretty-model-with-luxury-coiffure-beautiful-makeup-glass-champagne-hairdresser-salon_197531-3678.jpg"},
         {
-          id: "3",
-          name: "Sofia G.",
-          handle: "@sofia",
-          testimonial: "Incredible space, friendly atmosphere, and perfect highlights.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-curlyhaired-girl-blue-background-high-quality-photo_114579-92136.jpg",
-        },
+          id: "3",          name: "Sofia G.",          handle: "@sofia",          testimonial: "Incredible space, friendly atmosphere, and perfect highlights.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-curlyhaired-girl-blue-background-high-quality-photo_114579-92136.jpg"},
         {
-          id: "4",
-          name: "Leo B.",
-          handle: "@leo",
-          testimonial: "Exceptional service, highly recommend to everyone.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-smiling-happy-girl-with-dark-hair-wearing-white-jacket-looking-down_291650-436.jpg",
-        },
+          id: "4",          name: "Leo B.",          handle: "@leo",          testimonial: "Exceptional service, highly recommend to everyone.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-smiling-happy-girl-with-dark-hair-wearing-white-jacket-looking-down_291650-436.jpg"},
         {
-          id: "5",
-          name: "Ava L.",
-          handle: "@ava",
-          testimonial: "Professional, stylish, and incredibly welcoming. Love my look!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
-        },
+          id: "5",          name: "Ava L.",          handle: "@ava",          testimonial: "Professional, stylish, and incredibly welcoming. Love my look!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg"},
       ]}
       showRating={true}
       title="Client Journeys"
@@ -298,17 +172,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="CONTACT US"
       title="Ready to Transform Your Look?"
       description="Visit us at 47 W 28th St, 2nd Floor, New York, NY or reach out for inquiries at +1 212-343-2643."
       buttons={[
-        {
-          text: "Book Appointment",
-          href: "https://vagaro.com",
-        },
+        { text: "Book Appointment", href: "https://vagaro.com" }
       ]}
     />
   </div>
-- 
2.49.1