From 57bd9f42feacfa47630de0da8a8ca2c8ac5d4aaa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 08:58:56 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 527e289..4ef9c57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Contact Us",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "About", id: "about" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact Us", id: "contact" },
       ]}
       brandName="Mona Makeover"
     />
@@ -54,60 +45,23 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Transform Your Look with Mona Makeover"
       description="Step into a world of elegance and professional artistry. We specialize in enhancing your natural beauty for every occasion."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-posing-with-plant-medium-shot_23-2149411344.jpg",
-          alt: "woman face minimal portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021786.jpg",
-          alt: "woman face minimal portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6361.jpg",
-          alt: "woman face minimal portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ethnic-woman-with-bouquet-blue-flowers_23-2148105398.jpg",
-          alt: "Ethnic woman with bouquet of blue flowers",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-black-white-portrait-model-with-perfect-skin_7502-4289.jpg",
-          alt: "Close up black and white portrait of model with perfect skin",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "https://wa.me/918307004361",
-        },
+        { src: "http://img.b2bpic.net/free-photo/woman-posing-with-plant-medium-shot_23-2149411344.jpg", alt: "woman face minimal portrait" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021786.jpg", alt: "woman face minimal portrait" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6361.jpg", alt: "woman face minimal portrait" },
+        { src: "http://img.b2bpic.net/free-photo/ethnic-woman-with-bouquet-blue-flowers_23-2148105398.jpg", alt: "Ethnic woman with bouquet of blue flowers" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-black-white-portrait-model-with-perfect-skin_7502-4289.jpg", alt: "Close up black and white portrait of model with perfect skin" }
       ]}
+      buttons={[{ text: "Book Appointment", href: "https://wa.me/918307004361" }]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Bridal Artistry",
-        },
-        {
-          type: "text",
-          text: "Luxury Styling",
-        },
-        {
-          type: "text",
-          text: "Premium Skincare",
-        },
-        {
-          type: "text",
-          text: "Fashion Makeup",
-        },
-        {
-          type: "text",
-          text: "Expert Consultations",
-        },
+        { type: "text", text: "Bridal Artistry" },
+        { type: "text", text: "Luxury Styling" },
+        { type: "text", text: "Premium Skincare" },
+        { type: "text", text: "Fashion Makeup" },
+        { type: "text", text: "Expert Consultations" }
       ]}
     />
   </div>
@@ -118,27 +72,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "1",
-          title: "Bridal Makeup",
-          description: "Exquisite bridal looks for your most special day.",
-          tag: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/from-notebook-near-cosmetics-flowers_23-2147778992.jpg",
-        },
-        {
-          id: "2",
-          title: "Hair Styling",
-          description: "Professional hair treatments and styling for all lengths.",
-          tag: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771236.jpg",
-        },
-        {
-          id: "3",
-          title: "Skin Care",
-          description: "Rejuvenating facials and skin treatments by experts.",
-          tag: "Essential",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80409.jpg",
-        },
+        { id: "1", title: "Bridal Makeup", description: "Exquisite bridal looks for your most special day.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/from-notebook-near-cosmetics-flowers_23-2147778992.jpg" },
+        { id: "2", title: "Hair Styling", description: "Professional hair treatments and styling for all lengths.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771236.jpg" },
+        { id: "3", title: "Skin Care", description: "Rejuvenating facials and skin treatments by experts.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80409.jpg" }
       ]}
       title="Our Professional Services"
       description="Tailored beauty experiences crafted for your unique style."
@@ -147,52 +83,17 @@ export default function LandingPage() {
 
   <div id="gallery" data-section="gallery">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "g1",
-          name: "Look 1",
-          price: "View",
-          variant: "Bridal",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-girls-posing-together-studio_23-2149451775.jpg",
-        },
-        {
-          id: "g2",
-          name: "Look 2",
-          price: "View",
-          variant: "Party",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-dark-red-lips-with-perfect-clean-skin_158538-9633.jpg",
-        },
-        {
-          id: "g3",
-          name: "Look 3",
-          price: "View",
-          variant: "Glam",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-woman-wooden-door_197531-7851.jpg",
-        },
-        {
-          id: "g4",
-          name: "Look 4",
-          price: "View",
-          variant: "Editorial",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-gloves-posing_23-2148916452.jpg",
-        },
-        {
-          id: "g5",
-          name: "Look 5",
-          price: "View",
-          variant: "Natural",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-black-white-nude_23-2149428739.jpg",
-        },
-        {
-          id: "g6",
-          name: "Look 6",
-          price: "View",
-          variant: "Bridal",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-artist-touching-her-nose-with-brush_114579-26895.jpg",
-        },
+        { id: "g1", name: "Look 1", price: "View", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girls-posing-together-studio_23-2149451775.jpg" },
+        { id: "g2", name: "Look 2", price: "View", variant: "Party", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-dark-red-lips-with-perfect-clean-skin_158538-9633.jpg" },
+        { id: "g3", name: "Look 3", price: "View", variant: "Glam", imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-woman-wooden-door_197531-7851.jpg" },
+        { id: "g4", name: "Look 4", price: "View", variant: "Editorial", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-gloves-posing_23-2148916452.jpg" },
+        { id: "g5", name: "Look 5", price: "View", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-black-white-nude_23-2149428739.jpg" },
+        { id: "g6", name: "Look 6", price: "View", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-touching-her-nose-with-brush_114579-26895.jpg" }
       ]}
       title="Our Artistry Gallery"
       description="See the transformations of our beautiful clients."
@@ -203,15 +104,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "About Mona Makeover",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166703.jpg",
-          alt: "beauty parlor studio luxury interior",
-        },
+        { type: "text", content: "About Mona Makeover" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166703.jpg", alt: "beauty parlor studio luxury interior" }
       ]}
     />
   </div>
@@ -222,56 +116,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          badge: "Basic",
-          price: "$99",
-          subtitle: "Perfect for small events",
-          features: [
-            "Full Face",
-            "Simple Hair",
-          ],
-          buttons: [
-            {
-              text: "Book",
-              href: "https://wa.me/918307004361",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Pro",
-          price: "$199",
-          subtitle: "The complete makeover",
-          features: [
-            "Full Face",
-            "Advanced Hair",
-            "Contouring",
-          ],
-          buttons: [
-            {
-              text: "Book",
-              href: "https://wa.me/918307004361",
-            },
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Bridal",
-          price: "$499",
-          subtitle: "Your dream bridal look",
-          features: [
-            "Trial Session",
-            "Bridal Makeup",
-            "Full Hair Style",
-          ],
-          buttons: [
-            {
-              text: "Book",
-              href: "https://wa.me/918307004361",
-            },
-          ],
-        },
+        { id: "p1", badge: "Basic", price: "$99", subtitle: "Perfect for small events", features: ["Full Face", "Simple Hair"], buttons: [{ text: "Book", href: "https://wa.me/918307004361" }] },
+        { id: "p2", badge: "Pro", price: "$199", subtitle: "The complete makeover", features: ["Full Face", "Advanced Hair", "Contouring"], buttons: [{ text: "Book", href: "https://wa.me/918307004361" }] },
+        { id: "p3", badge: "Bridal", price: "$499", subtitle: "Your dream bridal look", features: ["Trial Session", "Bridal Makeup", "Full Hair Style"], buttons: [{ text: "Book", href: "https://wa.me/918307004361" }] }
       ]}
       title="Beauty Packages"
       description="Curated experiences to help you shine."
@@ -284,41 +131,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Ayesha",
-          role: "Bride",
-          testimonial: "The best makeup artist I've ever booked! So professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-gorgeous-blonde-woman-pink-sweater-with-wavy-volumed-hair-sensuality-smiling-camera-girl-with-perfect-make-up-after-beauty-salon-gray-studio-background_132075-11557.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sneha",
-          role: "Model",
-          testimonial: "Amazing skills, really enhanced my natural features.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
-        },
-        {
-          id: "t3",
-          name: "Riya",
-          role: "Party Guest",
-          testimonial: "Loved my look, got so many compliments!",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-preparing-her-wedding_1303-11606.jpg",
-        },
-        {
-          id: "t4",
-          name: "Pooja",
-          role: "Bride",
-          testimonial: "Mona made my wedding day perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-smiling-girl-with-patch-shoulder-after-vaccination-covid-vaccinating-campaign-s_1258-118900.jpg",
-        },
-        {
-          id: "t5",
-          name: "Neha",
-          role: "Client",
-          testimonial: "Super professional and kind service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-        },
+        { id: "t1", name: "Ayesha", role: "Bride", testimonial: "The best makeup artist I've ever booked! So professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-gorgeous-blonde-woman-pink-sweater-with-wavy-volumed-hair-sensuality-smiling-camera-girl-with-perfect-make-up-after-beauty-salon-gray-studio-background_132075-11557.jpg" },
+        { id: "t2", name: "Sneha", role: "Model", testimonial: "Amazing skills, really enhanced my natural features.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
+        { id: "t3", name: "Riya", role: "Party Guest", testimonial: "Loved my look, got so many compliments!", imageSrc: "http://img.b2bpic.net/free-photo/bride-preparing-her-wedding_1303-11606.jpg" },
+        { id: "t4", name: "Pooja", role: "Bride", testimonial: "Mona made my wedding day perfect.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-smiling-girl-with-patch-shoulder-after-vaccination-covid-vaccinating-campaign-s_1258-118900.jpg" },
+        { id: "t5", name: "Neha", role: "Client", testimonial: "Super professional and kind service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" }
       ]}
       title="Client Reviews"
       description="Hear from our happy clients about their experiences."
@@ -328,9 +145,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Ready for a Makeover?"
       description="Reach out to discuss your requirements or book a slot."
       tag="Contact"
@@ -342,20 +157,12 @@ export default function LandingPage() {
       logoText="Mona Makeover"
       copyrightText="© 2026 Mona Makeover"
       socialLinks={[
-        {
-          icon: Instagram,
-          href: "https://www.instagram.com/mona_makeover_0021/",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: MessageCircle,
-          href: "https://wa.me/918307004361",
-          ariaLabel: "WhatsApp",
-        },
+        { icon: Instagram, href: "https://www.instagram.com/mona_makeover_0021/", ariaLabel: "Instagram" },
+        { icon: MessageCircle, href: "https://wa.me/918307004361", ariaLabel: "WhatsApp" }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file