From 2b368bbe3aa0b9d259da156ddf95acef6066ec06 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 5 Jun 2026 07:09:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 313 +++++++++++------------------------------------
 1 file changed, 72 insertions(+), 241 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f306389..ec118b8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Collection",
-          id: "#products",
-        },
+          name: "Collection",          id: "#products"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Elysian Apparel"
     />
@@ -62,63 +50,41 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Timeless Pieces, Uncompromising Quality"
       description="Handcrafted from the world's finest fabrics. Designed to last generations, not seasons."
       buttons={[
         {
-          text: "Explore Our Collection",
-          href: "#products",
-        },
+          text: "Explore Our Collection",          href: "#products"},
       ]}
+      buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg"
       imageAlt="Luxurious cashmere sweater on a minimalist background"
       mediaAnimation="entrance-slide"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg",
-          alt: "Satisfied customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg",          alt: "Satisfied customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
-          alt: "Satisfied customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",          alt: "Satisfied customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133678.jpg",
-          alt: "Satisfied customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133678.jpg",          alt: "Satisfied customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-street_641386-867.jpg",
-          alt: "Satisfied customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-street_641386-867.jpg",          alt: "Satisfied customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-young-woman-seaside_23-2148523906.jpg",
-          alt: "Satisfied customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-young-woman-seaside_23-2148523906.jpg",          alt: "Satisfied customer 5"},
       ]}
       avatarText="Join over 10,000 discerning clients"
       marqueeItems={[
         {
-          type: "text",
-          text: "Exceptional Materials",
-        },
+          type: "text",          text: "Exceptional Materials"},
         {
-          type: "text",
-          text: "Sustainable Luxury",
-        },
+          type: "text",          text: "Sustainable Luxury"},
         {
-          type: "text",
-          text: "Artisan Craftsmanship",
-        },
+          type: "text",          text: "Artisan Craftsmanship"},
         {
-          type: "text",
-          text: "Timeless Design",
-        },
+          type: "text",          text: "Timeless Design"},
         {
-          type: "text",
-          text: "Uncompromising Quality",
-        },
+          type: "text",          text: "Uncompromising Quality"},
       ]}
     />
   </div>
@@ -130,17 +96,11 @@ export default function LandingPage() {
       description="At Elysian Apparel, we believe true luxury lies in timeless design, superior craftsmanship, and sustainable practices. Each garment is meticulously created to embody elegance and enduring quality, ensuring it remains a cherished piece in your wardrobe for years to come. We partner with artisans who share our commitment to ethical production and the finest natural materials."
       metrics={[
         {
-          value: "100%",
-          title: "Ethically Sourced",
-        },
+          value: "100%",          title: "Ethically Sourced"},
         {
-          value: "Decades",
-          title: "Crafting Heritage",
-        },
+          value: "Decades",          title: "Crafting Heritage"},
         {
-          value: "Finest",
-          title: "Natural Fabrics",
-        },
+          value: "Finest",          title: "Natural Fabrics"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/artist-creating-masterpiece-close-up-young-beautiful-male-clothes-designer-with-trendy-hairstyle-fashionable-clothes-working-new-dress-with-concentrated-face-expression_176420-11837.jpg"
       imageAlt="Artisan sewing a luxury garment by hand"
@@ -153,36 +113,20 @@ export default function LandingPage() {
       <FeatureCardTwelve
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
+      buttonAnimation="slide-up"
       features={[
         {
-          id: "f1",
-          label: "Luxury Materials",
-          title: "World's Finest Fabrics",
-          items: [
-            "Sourced from ethical suppliers",
-            "Premium cashmere, silk, and wool",
-            "Unparalleled comfort and drape",
-          ],
+          id: "f1",          label: "Luxury Materials",          title: "World's Finest Fabrics",          items: [
+            "Sourced from ethical suppliers",            "Premium cashmere, silk, and wool",            "Unparalleled comfort and drape"],
         },
         {
-          id: "f2",
-          label: "Artisan Craftsmanship",
-          title: "Handcrafted for Generations",
-          items: [
-            "Traditional tailoring techniques",
-            "Meticulous attention to detail",
-            "Built to withstand the test of time",
-          ],
+          id: "f2",          label: "Artisan Craftsmanship",          title: "Handcrafted for Generations",          items: [
+            "Traditional tailoring techniques",            "Meticulous attention to detail",            "Built to withstand the test of time"],
         },
         {
-          id: "f3",
-          label: "Timeless Design",
-          title: "Elegance That Endures",
-          items: [
-            "Classic silhouettes, modern appeal",
-            "Versatile pieces for any occasion",
-            "Investment-worthy wardrobe staples",
-          ],
+          id: "f3",          label: "Timeless Design",          title: "Elegance That Endures",          items: [
+            "Classic silhouettes, modern appeal",            "Versatile pieces for any occasion",            "Investment-worthy wardrobe staples"],
         },
       ]}
       title="Unrivaled Craftsmanship & Quality"
@@ -196,77 +140,30 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       carouselMode="buttons"
+      animationType="slide-up"
+      buttonAnimation="slide-up"
       products={[
         {
-          id: "p1",
-          brand: "Elysian Apparel",
-          name: "The Cashmere Sweater",
-          price: "$450.00",
-          rating: 5,
-          reviewCount: "120 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134358.jpg",
-          imageAlt: "Luxurious beige cashmere sweater",
-        },
+          id: "p1",          brand: "Elysian Apparel",          name: "The Cashmere Sweater",          price: "$450.00",          rating: 5,
+          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134358.jpg",          imageAlt: "Luxurious beige cashmere sweater"},
         {
-          id: "p2",
-          brand: "Elysian Apparel",
-          name: "Hand-Dyed Silk Scarf",
-          price: "$220.00",
-          rating: 5,
-          reviewCount: "85 reviews",
-          imageSrc: "http://img.b2bpic.net/free-vector/art-nouveau-chestnut-flower-pattern-background_53876-114972.jpg",
-          imageAlt: "Elegant hand-dyed silk scarf with subtle pattern",
-        },
+          id: "p2",          brand: "Elysian Apparel",          name: "Hand-Dyed Silk Scarf",          price: "$220.00",          rating: 5,
+          reviewCount: "85 reviews",          imageSrc: "http://img.b2bpic.net/free-vector/art-nouveau-chestnut-flower-pattern-background_53876-114972.jpg",          imageAlt: "Elegant hand-dyed silk scarf with subtle pattern"},
         {
-          id: "p3",
-          brand: "Elysian Apparel",
-          name: "Tailored Wool Blazer",
-          price: "$780.00",
-          rating: 5,
-          reviewCount: "95 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11497.jpg",
-          imageAlt: "Classic charcoal tailored wool blazer",
-        },
+          id: "p3",          brand: "Elysian Apparel",          name: "Tailored Wool Blazer",          price: "$780.00",          rating: 5,
+          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11497.jpg",          imageAlt: "Classic charcoal tailored wool blazer"},
         {
-          id: "p4",
-          brand: "Elysian Apparel",
-          name: "Artisan Leather Tote",
-          price: "$690.00",
-          rating: 5,
-          reviewCount: "70 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg",
-          imageAlt: "Minimalist luxury leather handbag",
-        },
+          id: "p4",          brand: "Elysian Apparel",          name: "Artisan Leather Tote",          price: "$690.00",          rating: 5,
+          reviewCount: "70 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg",          imageAlt: "Minimalist luxury leather handbag"},
         {
-          id: "p5",
-          brand: "Elysian Apparel",
-          name: "Premium Linen Shirt",
-          price: "$180.00",
-          rating: 5,
-          reviewCount: "110 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/warm-fabric-texture-background_23-2151903254.jpg",
-          imageAlt: "Crisp white premium linen shirt",
-        },
+          id: "p5",          brand: "Elysian Apparel",          name: "Premium Linen Shirt",          price: "$180.00",          rating: 5,
+          reviewCount: "110 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/warm-fabric-texture-background_23-2151903254.jpg",          imageAlt: "Crisp white premium linen shirt"},
         {
-          id: "p6",
-          brand: "Elysian Apparel",
-          name: "Merino Wool Trousers",
-          price: "$380.00",
-          rating: 5,
-          reviewCount: "60 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3285.jpg",
-          imageAlt: "Tailored grey merino wool trousers",
-        },
+          id: "p6",          brand: "Elysian Apparel",          name: "Merino Wool Trousers",          price: "$380.00",          rating: 5,
+          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3285.jpg",          imageAlt: "Tailored grey merino wool trousers"},
         {
-          id: "p7",
-          brand: "Elysian Apparel",
-          name: "Selvedge Denim Jeans",
-          price: "$290.00",
-          rating: 5,
-          reviewCount: "55 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-casual-wear-hat-outdoor_624325-1317.jpg",
-          imageAlt: "Dark wash selvedge denim jeans",
-        },
+          id: "p7",          brand: "Elysian Apparel",          name: "Selvedge Denim Jeans",          price: "$290.00",          rating: 5,
+          reviewCount: "55 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-casual-wear-hat-outdoor_624325-1317.jpg",          imageAlt: "Dark wash selvedge denim jeans"},
       ]}
       title="Our Exclusive Collection"
       description="Explore our curated selection of premium apparel, meticulously designed and crafted to elevate your style with unparalleled elegance and comfort."
@@ -277,55 +174,20 @@ export default function LandingPage() {
       <TestimonialCardSix
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       testimonials={[
         {
-          id: "t1",
-          name: "Eleanor Vance",
-          handle: "@eleanor_v",
-          testimonial: "Elysian Apparel's cashmere sweater is simply exquisite. The quality is palpable, and it drapes beautifully. A true investment piece that exudes sophistication. I receive compliments every time I wear it.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wavy-hair-laughs-enjoys-martini-pink-wall_197531-18388.jpg",
-          imageAlt: "Portrait of Eleanor Vance",
-        },
+          id: "t1",          name: "Eleanor Vance",          handle: "@eleanor_v",          testimonial: "Elysian Apparel's cashmere sweater is simply exquisite. The quality is palpable, and it drapes beautifully. A true investment piece that exudes sophistication. I receive compliments every time I wear it.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wavy-hair-laughs-enjoys-martini-pink-wall_197531-18388.jpg",          imageAlt: "Portrait of Eleanor Vance"},
         {
-          id: "t2",
-          name: "Marcus Thorne",
-          handle: "@marcusthorne",
-          testimonial: "I was searching for genuinely high-quality essentials, and Elysian Apparel delivered. Their tailored blazer fits perfectly and the wool feels incredible. This is craftsmanship you can feel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292788.jpg",
-          imageAlt: "Portrait of Marcus Thorne",
-        },
+          id: "t2",          name: "Marcus Thorne",          handle: "@marcusthorne",          testimonial: "I was searching for genuinely high-quality essentials, and Elysian Apparel delivered. Their tailored blazer fits perfectly and the wool feels incredible. This is craftsmanship you can feel.",          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292788.jpg",          imageAlt: "Portrait of Marcus Thorne"},
         {
-          id: "t3",
-          name: "Sophia Laurent",
-          handle: "@sophia_l",
-          testimonial: "The silk scarf is a work of art. The colors are rich, and the fabric is incredibly soft. It elevates any outfit. I appreciate the brand's commitment to quality and classic style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-black-suit-butterfly-tie-hat-luxury-villa_343596-2796.jpg",
-          imageAlt: "Portrait of Sophia Laurent",
-        },
+          id: "t3",          name: "Sophia Laurent",          handle: "@sophia_l",          testimonial: "The silk scarf is a work of art. The colors are rich, and the fabric is incredibly soft. It elevates any outfit. I appreciate the brand's commitment to quality and classic style.",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-black-suit-butterfly-tie-hat-luxury-villa_343596-2796.jpg",          imageAlt: "Portrait of Sophia Laurent"},
         {
-          id: "t4",
-          name: "David Sterling",
-          handle: "@sterling_d",
-          testimonial: "Finally, a brand that understands true luxury. The attention to detail in my linen shirt is outstanding. It's comfortable, stylish, and clearly made to last. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg",
-          imageAlt: "Portrait of David Sterling",
-        },
+          id: "t4",          name: "David Sterling",          handle: "@sterling_d",          testimonial: "Finally, a brand that understands true luxury. The attention to detail in my linen shirt is outstanding. It's comfortable, stylish, and clearly made to last. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg",          imageAlt: "Portrait of David Sterling"},
         {
-          id: "t5",
-          name: "Isabelle Chen",
-          handle: "@isabelle_c",
-          testimonial: "My Elysian Apparel leather tote is both functional and stunning. The leather is exquisite and the design is classic. It's become my go-to bag for both work and leisure. Exceptional quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg",
-          imageAlt: "Portrait of Isabelle Chen",
-        },
+          id: "t5",          name: "Isabelle Chen",          handle: "@isabelle_c",          testimonial: "My Elysian Apparel leather tote is both functional and stunning. The leather is exquisite and the design is classic. It's become my go-to bag for both work and leisure. Exceptional quality.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg",          imageAlt: "Portrait of Isabelle Chen"},
         {
-          id: "t6",
-          name: "Richard Pinter",
-          handle: "@richardp",
-          testimonial: "The Merino wool trousers are the most comfortable and stylish I've ever owned. The fit is impeccable and they hold their shape beautifully. Elysian Apparel defines investment quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48890.jpg",
-          imageAlt: "Portrait of Richard Pinter",
-        },
+          id: "t6",          name: "Richard Pinter",          handle: "@richardp",          testimonial: "The Merino wool trousers are the most comfortable and stylish I've ever owned. The fit is impeccable and they hold their shape beautifully. Elysian Apparel defines investment quality.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48890.jpg",          imageAlt: "Portrait of Richard Pinter"},
       ]}
       title="What Our Clients Say"
       description="Hear from discerning individuals who have experienced the unparalleled quality and timeless elegance of Elysian Apparel."
@@ -338,22 +200,14 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={false}
+      buttonAnimation="slide-up"
       faqs={[
         {
-          id: "q1",
-          title: "What materials do you use in your apparel?",
-          content: "We exclusively use the world's finest natural fibers, including ethically sourced cashmere, luxurious mulberry silk, premium Merino wool, and high-grade organic cotton and linen. Our commitment to quality extends to every component of our garments.",
-        },
+          id: "q1",          title: "What materials do you use in your apparel?",          content: "We exclusively use the world's finest natural fibers, including ethically sourced cashmere, luxurious mulberry silk, premium Merino wool, and high-grade organic cotton and linen. Our commitment to quality extends to every component of our garments."},
         {
-          id: "q2",
-          title: "How do I ensure the authenticity of my Elysian Apparel purchase?",
-          content: "Every Elysian Apparel piece comes with a unique authenticity code and certification. You can verify the provenance and craftsmanship of your item on our dedicated authenticity portal on our website. We guarantee the genuine quality of every product.",
-        },
+          id: "q2",          title: "How do I ensure the authenticity of my Elysian Apparel purchase?",          content: "Every Elysian Apparel piece comes with a unique authenticity code and certification. You can verify the provenance and craftsmanship of your item on our dedicated authenticity portal on our website. We guarantee the genuine quality of every product."},
         {
-          id: "q3",
-          title: "Do you offer personalized styling advice or bespoke services?",
-          content: "Yes, we offer complimentary personalized styling consultations to help you curate your perfect wardrobe. For select collections, bespoke tailoring services may be available. Please contact our concierge team to learn more and book an appointment.",
-        },
+          id: "q3",          title: "Do you offer personalized styling advice or bespoke services?",          content: "Yes, we offer complimentary personalized styling consultations to help you curate your perfect wardrobe. For select collections, bespoke tailoring services may be available. Please contact our concierge team to learn more and book an appointment."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-pink-pantsuit-sitting-chair-with-shoes-box-knees-paying-by-card-fashion-boutique_574295-3554.jpg"
       imageAlt="Customer service representative assisting a client in a luxurious boutique"
@@ -369,15 +223,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Have a question or require personalized assistance? Our dedicated team is here to provide an exclusive and seamless experience. Reach out to us for bespoke inquiries, styling advice, or any support you may need."
       buttons={[
         {
-          text: "Connect With Us",
-          href: "mailto:info@elysianapparel.com",
-        },
+          text: "Connect With Us",          href: "mailto:info@elysianapparel.com"},
       ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -386,54 +238,33 @@ export default function LandingPage() {
       logoText="Elysian Apparel"
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "Collection",
-              href: "#products",
-            },
+              label: "Collection",              href: "#products"},
             {
-              label: "New Arrivals",
-              href: "#",
-            },
+              label: "New Arrivals",              href: "#"},
             {
-              label: "Best Sellers",
-              href: "#",
-            },
+              label: "Best Sellers",              href: "#"},
           ],
         },
         {
-          title: "Brand",
-          items: [
+          title: "Brand",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Craftsmanship",
-              href: "#features",
-            },
+              label: "Craftsmanship",              href: "#features"},
             {
-              label: "Our Values",
-              href: "#",
-            },
+              label: "Our Values",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Shipping & Returns",
-              href: "#",
-            },
+              label: "Shipping & Returns",              href: "#"},
           ],
         },
       ]}