From ac362310cb6fa55eb39983ae8d2939d564082f48 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 08:04:53 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7d48a71..874eb45 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Collection",
-          id: "#products",
-        },
-        {
-          name: "Craftsmanship",
-          id: "#features",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Collection", id: "#products" },
+        { name: "Craftsmanship", id: "#features" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Fizalis"
     />
@@ -47,48 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Essence of Arabian Luxury"
       description="Discover a heritage of scent. Fizalis brings you the most refined oud, saffron, and exotic flower blends, crafted to define your presence."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Shop Now", href: "#products" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-photography-of-an-exquisite-1774857843361-8f16aa5c.png",
-          imageAlt: "Luxurious Arabian Perfume Bottle",
-        },
-        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-perfume-vapor-mist-in-soft-a-1774857843613-66d47ce8.png",
-          imageAlt: "Fragrance Mist",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/abstract-view-of-exotic-incense-smoke-sw-1774857847560-da82af27.png",
-          imageAlt: "Incense Smoke",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-collection-of-artisanal-perfume-vials--1774857843888-cbb1faf1.png",
-          imageAlt: "Artisanal Vials",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/golden-spices-oud-chips-and-floral-petal-1774857843289-143b8ca9.png",
-          imageAlt: "Oud Ingredients",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-silhouette-of-a-perfume-bottle-against-1774857845764-be39fc86.png",
-          imageAlt: "Perfume Silhouette",
-        },
+        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-photography-of-an-exquisite-1774857843361-8f16aa5c.png", imageAlt: "Luxurious Arabian Perfume Bottle" },
+        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-perfume-vapor-mist-in-soft-a-1774857843613-66d47ce8.png", imageAlt: "Fragrance Mist" },
+        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/abstract-view-of-exotic-incense-smoke-sw-1774857847560-da82af27.png", imageAlt: "Incense Smoke" },
+        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-collection-of-artisanal-perfume-vials--1774857843888-cbb1faf1.png", imageAlt: "Artisanal Vials" },
+        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/golden-spices-oud-chips-and-floral-petal-1774857843289-143b8ca9.png", imageAlt: "Oud Ingredients" },
+        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-silhouette-of-a-perfume-bottle-against-1774857845764-be39fc86.png", imageAlt: "Perfume Silhouette" }
       ]}
     />
   </div>
@@ -100,34 +64,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Oud Royale",
-          price: "$129.00",
-          variant: "50ml",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Golden Saffron",
-          price: "$145.00",
-          variant: "50ml",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-amber-glass-with-1774857843102-1305f904.png",
-        },
-        {
-          id: "p3",
-          name: "Emerald Dusk",
-          price: "$110.00",
-          variant: "50ml",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-crystal-glass-em-1774857843818-ca1636a9.png",
-        },
-        {
-          id: "p4",
-          name: "Midnight Musk",
-          price: "$135.00",
-          variant: "50ml",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png?_wi=2",
-        },
+        { id: "p1", name: "Oud Royale", price: "$129.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png" },
+        { id: "p2", name: "Golden Saffron", price: "$145.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-amber-glass-with-1774857843102-1305f904.png" },
+        { id: "p3", name: "Emerald Dusk", price: "$110.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/designer-perfume-bottle-crystal-glass-em-1774857843818-ca1636a9.png" },
+        { id: "p4", name: "Midnight Musk", price: "$135.00", variant: "50ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-professional-product-photo-of-a-1774857843085-60b14408.png" }
       ]}
       title="Our Signature Collection"
       description="Explore our curated range of artisanal Arabic perfumes."
@@ -139,24 +79,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: 1,
-          title: "Traditional Crafting",
-          description: "Hand-crafted using techniques passed through generations.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png?_wi=1",
-        },
-        {
-          id: 2,
-          title: "Pure Ingredients",
-          description: "Sourced from the finest origins, ensuring depth and longevity.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png?_wi=1",
-        },
-        {
-          id: 3,
-          title: "Elegant Presentation",
-          description: "Every bottle is a statement piece for your collection.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png?_wi=1",
-        },
+        { id: 1, title: "Traditional Crafting", description: "Hand-crafted using techniques passed through generations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png" },
+        { id: 2, title: "Pure Ingredients", description: "Sourced from the finest origins, ensuring depth and longevity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png" },
+        { id: 3, title: "Elegant Presentation", description: "Every bottle is a statement piece for your collection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png" }
       ]}
       title="The Fizalis Promise"
       description="We blend age-old traditions with contemporary mastery."
@@ -167,23 +92,12 @@ export default function LandingPage() {
       <FeatureCardOne
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Sourcing",
-          description: "Hand selecting the richest oud wood.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png?_wi=2",
-        },
-        {
-          title: "Blending",
-          description: "A complex dance of olfactory notes.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png?_wi=2",
-        },
-        {
-          title: "Curing",
-          description: "Aging to perfection for unmatched depth.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png?_wi=2",
-        },
+        { title: "Sourcing", description: "Hand selecting the richest oud wood.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png" },
+        { title: "Blending", description: "A complex dance of olfactory notes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png" },
+        { title: "Curing", description: "Aging to perfection for unmatched depth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png" }
       ]}
       title="Our Process"
       description="How we turn precious raw materials into liquid gold."
@@ -196,27 +110,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Years of Tradition",
-          description: "Legacy in every drop.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png?_wi=3",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Natural Ingredients",
-          description: "Pure, undiluted essences.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png?_wi=3",
-        },
-        {
-          id: "m3",
-          value: "5000+",
-          title: "Delighted Customers",
-          description: "Worldwide fragrance fans.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png?_wi=3",
-        },
+        { id: "m1", value: "20+", title: "Years of Tradition", description: "Legacy in every drop.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/artisan-craftmanship-hand-pouring-perfum-1774857842507-41b57874.png" },
+        { id: "m2", value: "100%", title: "Natural Ingredients", description: "Pure, undiluted essences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/close-up-of-high-quality-raw-ingredients-1774857843122-7406f354.png" },
+        { id: "m3", value: "5000+", title: "Delighted Customers", description: "Worldwide fragrance fans.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/luxury-packaging-process-delicate-silk-r-1774857842745-b0820cd9.png" }
       ]}
       title="Perfume Excellence"
       description="Quality defined by numbers."
@@ -227,39 +123,13 @@ export default function LandingPage() {
       <BlogCardOne
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="slide-up"
       title="Fragrance Insights"
       description="Learn more about the art of scent."
       blogs={[
-        {
-          id: "b1",
-          category: "Guide",
-          title: "How to layer scents",
-          excerpt: "Mastering the art of olfactory combinations.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png",
-          authorName: "A. Fizalis",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png",
-          date: "Oct 2023",
-        },
-        {
-          id: "b2",
-          category: "Culture",
-          title: "Oud: The liquid gold",
-          excerpt: "Why oud is the centerpiece of Arabic perfumery.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png",
-          authorName: "A. Fizalis",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png",
-          date: "Sep 2023",
-        },
-        {
-          id: "b3",
-          category: "Craft",
-          title: "Understanding Notes",
-          excerpt: "Top, heart, and base notes explained.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png",
-          authorName: "A. Fizalis",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png",
-          date: "Aug 2023",
-        },
+        { id: "b1", category: "Guide", title: "How to layer scents", excerpt: "Mastering the art of olfactory combinations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png", authorName: "A. Fizalis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-beautifully-styled-table-setup-featuri-1774857843338-fd6b666f.png", date: "Oct 2023" },
+        { id: "b2", category: "Culture", title: "Oud: The liquid gold", excerpt: "Why oud is the centerpiece of Arabic perfumery.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png", authorName: "A. Fizalis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/flat-lay-of-perfume-bottle-silk-cloth-an-1774857842874-76a1001d.png", date: "Sep 2023" },
+        { id: "b3", category: "Craft", title: "Understanding Notes", excerpt: "Top, heart, and base notes explained.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png", authorName: "A. Fizalis", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/professional-perfume-expert-examining-a--1774857844036-f787ac89.png", date: "Aug 2023" }
       ]}
     />
   </div>
@@ -268,28 +138,16 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={true}
+      faqsAnimation="blur-reveal"
       faqs={[
-        {
-          id: "q1",
-          title: "Are your perfumes original?",
-          content: "Absolutely. Fizalis crafts only 100% original scent profiles.",
-        },
-        {
-          id: "q2",
-          title: "Do you ship internationally?",
-          content: "Yes, we ship our perfumes worldwide with premium packaging.",
-        },
-        {
-          id: "q3",
-          title: "Can I sample scents?",
-          content: "We offer sample discovery sets for our entire collection.",
-        },
+        { id: "q1", title: "Are your perfumes original?", content: "Absolutely. Fizalis crafts only 100% original scent profiles." },
+        { id: "q2", title: "Do you ship internationally?", content: "Yes, we ship our perfumes worldwide with premium packaging." },
+        { id: "q3", title: "Can I sample scents?", content: "We offer sample discovery sets for our entire collection." }
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/relaxing-luxurious-ambiance-a-customer-c-1774857843258-07c44dc7.png"
       mediaAnimation="slide-up"
       title="Frequently Asked Questions"
       description="Answers to common inquiries about our perfume house."
-      faqsAnimation="blur-reveal"
     />
   </div>
 
@@ -299,24 +157,10 @@ export default function LandingPage() {
       title="Contact Us"
       description="Need a personalized fragrance recommendation? Reach out to our house experts."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help?", required: true }}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeluIhj4QKGe9gAJDlh0I2ZbQL/a-minimalist-elegant-contact-form-area-i-1774857842763-8cd0acce.png"
       mediaAnimation="slide-up"
     />
@@ -325,34 +169,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#features" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Privacy", href: "#" }, { label: "Shipping", href: "#" }] }
       ]}
       logoText="FIZALIS"
     />
@@ -360,4 +178,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1