From ddb12d0649d5dfa4b2afcc346f90e59931af8327 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 10:07:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 284 ++++++++---------------------------------------
 1 file changed, 47 insertions(+), 237 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5ae4a7f..e4ae553 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,26 +33,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Team", id: "team" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SÉRA"
     />
@@ -60,38 +45,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Elevate Your Presence at SÉRA"
       description="Premium unisex salon redefining luxury beauty in New Delhi. Experience flawless styling, advanced treatments, and impeccable service in our refined sanctuary."
-      buttons={[
-        {
-          text: "Book Your Transformation",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Your Transformation", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=1",
-          imageAlt: "Salon Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg?_wi=1",
-          imageAlt: "Styling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=1",
-          imageAlt: "Space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-wearing-black-sweater-standing-posing_114579-81885.jpg",
-          imageAlt: "Beauty",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg",
-          imageAlt: "Decor",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", imageAlt: "Salon Interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg", imageAlt: "Styling" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg", imageAlt: "Space" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-wearing-black-sweater-standing-posing_114579-81885.jpg", imageAlt: "Beauty" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg", imageAlt: "Decor" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -109,54 +72,13 @@ export default function LandingPage() {
 
   <div id="services" data-section="services">
       <FeatureCardTwentyFive
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Precision Hair Styling",
-          description: "Global trends met with master technical precision.",
-          icon: Scissors,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=2",
-          imageAlt: "luxury hair cut service",
-        },
-        {
-          title: "Advanced Facials",
-          description: "Rejuvenate your skin with premium botanical infusions.",
-          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16765.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg?_wi=2",
-          imageAlt: "luxury hair cut service",
-        },
-        {
-          title: "Keratin Treatments",
-          description: "Advanced smoothening for long-lasting hair health.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=2",
-          imageAlt: "luxury hair cut service",
-        },
+        { title: "Precision Hair Styling", description: "Global trends met with master technical precision.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" }] },
+        { title: "Advanced Facials", description: "Rejuvenate your skin with premium botanical infusions.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16765.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg" }] },
+        { title: "Keratin Treatments", description: "Advanced smoothening for long-lasting hair health.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg" }] }
       ]}
       title="Signature Services"
       description="Unrivaled expertise in hair, skin, and wellness."
@@ -165,60 +87,22 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          title: "Cut & Style",
-          price: "₹3,500+",
-          period: "starts from",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Blow Dry",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
-          imageAlt: "stylist at work portrait",
+          id: "p1",          title: "Cut & Style",          price: "₹3,500+",          period: "starts from",          features: ["Consultation", "Precision Cut", "Blow Dry"],
+          button: { text: "Book Now", href: "#contact" }
         },
         {
-          id: "p2",
-          title: "Keratin Therapy",
-          price: "₹12,000+",
-          period: "starts from",
-          features: [
-            "Deep Cleansing",
-            "Keratin Infusion",
-            "Post-Care Advice",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=3",
-          imageAlt: "stylist at work portrait",
+          id: "p2",          title: "Keratin Therapy",          price: "₹12,000+",          period: "starts from",          features: ["Deep Cleansing", "Keratin Infusion", "Post-Care Advice"],
+          button: { text: "Book Now", href: "#contact" }
         },
         {
-          id: "p3",
-          title: "Signature Facial",
-          price: "₹5,000+",
-          period: "starts from",
-          features: [
-            "Skin Analysis",
-            "Exfoliation",
-            "Luxury Serum",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg?_wi=3",
-          imageAlt: "stylist at work portrait",
-        },
+          id: "p3",          title: "Signature Facial",          price: "₹5,000+",          period: "starts from",          features: ["Skin Analysis", "Exfoliation", "Luxury Serum"],
+          button: { text: "Book Now", href: "#contact" }
+        }
       ]}
       title="Treatment Menu"
       description="Tailored luxury for every client."
@@ -227,31 +111,14 @@ export default function LandingPage() {
 
   <div id="gallery" data-section="gallery">
       <MetricCardOne
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "10k+",
-          title: "Happy Clients",
-          description: "Served across Delhi",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "15+",
-          title: "Expert Stylists",
-          description: "Global trained professionals",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "20+",
-          title: "Premium Brands",
-          description: "Exclusive product partners",
-          icon: Star,
-        },
+        { id: "m1", value: "10k+", title: "Happy Clients", description: "Served across Delhi", icon: Users },
+        { id: "m2", value: "15+", title: "Expert Stylists", description: "Global trained professionals", icon: Award },
+        { id: "m3", value: "20+", title: "Premium Brands", description: "Exclusive product partners", icon: Star },
       ]}
       title="The Art of SÉRA"
       description="A glimpse into our world of refinement."
@@ -265,26 +132,11 @@ export default function LandingPage() {
       rating={5}
       author="Ananya Rao"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-          alt: "Happy luxury salon client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
-          alt: "Happy mature businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-          alt: "Professional smiling client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
-          alt: "Joyful business woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
-          alt: "Cheery satisfied customer",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Happy luxury salon client" },
+        { src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Happy mature businessman" },
+        { src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Professional smiling client" },
+        { src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Joyful business woman" },
+        { src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg", alt: "Cheery satisfied customer" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -293,28 +145,14 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardOne
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        {
-          id: "t1",
-          name: "Vikram Seth",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
-        },
-        {
-          id: "t2",
-          name: "Maya Singh",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
-        },
-        {
-          id: "t3",
-          name: "Rajiv Khanna",
-          role: "Master Colorist",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",
-        },
+        { id: "t1", name: "Vikram Seth", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg" },
+        { id: "t2", name: "Maya Singh", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg" },
+        { id: "t3", name: "Rajiv Khanna", role: "Master Colorist", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg" },
       ]}
       title="Our Artists"
       description="Meet the visionaries behind the look."
@@ -326,21 +164,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do I need to book in advance?",
-          content: "We highly recommend booking at least 48 hours in advance for weekends.",
-        },
-        {
-          id: "f2",
-          title: "What payment methods do you accept?",
-          content: "We accept all major credit cards, UPI, and digital wallets.",
-        },
-        {
-          id: "f3",
-          title: "Is parking available?",
-          content: "Yes, valet parking is available for all clients.",
-        },
+        { id: "f1", title: "Do I need to book in advance?", content: "We highly recommend booking at least 48 hours in advance for weekends." },
+        { id: "f2", title: "What payment methods do you accept?", content: "We accept all major credit cards, UPI, and digital wallets." },
+        { id: "f3", title: "Is parking available?", content: "Yes, valet parking is available for all clients." },
       ]}
       title="Frequently Asked"
       description="Everything you need to know about your appointment."
@@ -351,9 +177,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Ready to elevate your beauty?"
       description="Book your appointment online or visit us in New Delhi for a consultation."
@@ -367,29 +191,15 @@ export default function LandingPage() {
       logoText="SÉRA"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Team",
-              href: "#team",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Team", href: "#team" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Booking",
-              href: "#contact",
-            },
-            {
-              label: "Menu",
-              href: "#pricing",
-            },
+          title: "Services",          items: [
+            { label: "Booking", href: "#contact" },
+            { label: "Menu", href: "#pricing" },
           ],
         },
       ]}