From 00745628e4a379bda6160bf154e7ff19e91efc18 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 14:02:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 230 +++++++++++------------------------------------
 1 file changed, 50 insertions(+), 180 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f30c4af..0ed15ad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,23 +32,16 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Collections",
-          id: "catalog",
-        },
+          name: "Collections",          id: "catalog"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
       ]}
       brandName="Zara Sousse"
+      button={{ text: "Contact", href: "#contact" }}
     />
   </div>
 
@@ -58,32 +51,20 @@ export default function LandingPage() {
       description="Discover the latest in global fashion, right here in Sousse. Explore our curated collections blending sophistication and contemporary style."
       buttons={[
         {
-          text: "Shop New Arrivals",
-          href: "#catalog",
-        },
+          text: "Shop New Arrivals",          href: "#catalog"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861944.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg",
-          alt: "Customer looking at fashion boutique",
-        },
+          src: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg",          alt: "Customer looking at fashion boutique"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2044.jpg",
-          alt: "Fashion enthusiast portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2044.jpg",          alt: "Fashion enthusiast portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg",
-          alt: "Style-conscious shopper",
-        },
+          src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg",          alt: "Style-conscious shopper"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg",
-          alt: "Happy boutique client",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg",          alt: "Happy boutique client"},
         {
-          src: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3165.jpg",
-          alt: "Seasonal fashion trendsetter",
-        },
+          src: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3165.jpg",          alt: "Seasonal fashion trendsetter"},
       ]}
       avatarText="Join 10,000+ satisfied fashionistas"
     />
@@ -97,47 +78,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Silk Blouse",
-          price: "149 TND",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3167.jpg",
-        },
+          id: "1",          name: "Silk Blouse",          price: "149 TND",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3167.jpg"},
         {
-          id: "2",
-          name: "Tailored Trousers",
-          price: "189 TND",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg",
-        },
+          id: "2",          name: "Tailored Trousers",          price: "189 TND",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg"},
         {
-          id: "3",
-          name: "Cashmere Knit",
-          price: "229 TND",
-          variant: "Luxury",
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885628.jpg",
-        },
+          id: "3",          name: "Cashmere Knit",          price: "229 TND",          variant: "Luxury",          imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885628.jpg"},
         {
-          id: "4",
-          name: "Leather Clutch",
-          price: "99 TND",
-          variant: "Essential",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-shirt-with-flowers-pattern_23-2148237612.jpg",
-        },
+          id: "4",          name: "Leather Clutch",          price: "99 TND",          variant: "Essential",          imageSrc: "http://img.b2bpic.net/free-photo/white-shirt-with-flowers-pattern_23-2148237612.jpg"},
         {
-          id: "5",
-          name: "Summer Linen Shirt",
-          price: "129 TND",
-          variant: "Casual",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-store-shopping-mall-blur-background-with-bokeh-vintage-filtered-image_1253-1654.jpg",
-        },
+          id: "5",          name: "Summer Linen Shirt",          price: "129 TND",          variant: "Casual",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-store-shopping-mall-blur-background-with-bokeh-vintage-filtered-image_1253-1654.jpg"},
         {
-          id: "6",
-          name: "Wool Overcoat",
-          price: "349 TND",
-          variant: "Outerwear",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg",
-        },
+          id: "6",          name: "Wool Overcoat",          price: "349 TND",          variant: "Outerwear",          imageSrc: "http://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg"},
       ]}
       title="Season's Best"
       description="Exclusive styles for the season."
@@ -151,13 +102,9 @@ export default function LandingPage() {
       description="Bringing international trends to the heart of Tunisia. Zara Sousse celebrates diversity, quality, and timeless design in every garment."
       metrics={[
         {
-          value: "10k+",
-          title: "Happy Clients",
-        },
+          value: "10k+",          title: "Happy Clients"},
         {
-          value: "500+",
-          title: "Global Styles",
-        },
+          value: "500+",          title: "Global Styles"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg"
       mediaAnimation="slide-up"
@@ -167,30 +114,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "20+",
-          title: "Store Years",
-          description: "Serving Sousse since 2005.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-red-dresses_23-2149020031.jpg",
-        },
+          id: "m1",          value: "20+",          title: "Store Years",          description: "Serving Sousse since 2005.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-red-dresses_23-2149020031.jpg"},
         {
-          id: "m2",
-          value: "24/7",
-          title: "Fashion Support",
-          description: "Always ready to style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/day-background-smartphone-white-people-cheerful_1303-3367.jpg",
-        },
+          id: "m2",          value: "24/7",          title: "Fashion Support",          description: "Always ready to style.",          imageSrc: "http://img.b2bpic.net/free-photo/day-background-smartphone-white-people-cheerful_1303-3367.jpg"},
         {
-          id: "m3",
-          value: "98%",
-          title: "Satisfaction Rate",
-          description: "Loved by our community.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothing-rack_53876-138107.jpg",
-        },
+          id: "m3",          value: "98%",          title: "Satisfaction Rate",          description: "Loved by our community.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothing-rack_53876-138107.jpg"},
       ]}
       title="Brand Impact"
       description="Measuring excellence in fashion retail."
@@ -204,59 +137,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Amira H.",
-          role: "Influencer",
-          company: "Local Fashion",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
-        },
+          id: "1",          name: "Amira H.",          role: "Influencer",          company: "Local Fashion",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg"},
         {
-          id: "2",
-          name: "Karim M.",
-          role: "Student",
-          company: "Sousse Univ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg",
-        },
+          id: "2",          name: "Karim M.",          role: "Student",          company: "Sousse Univ",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg"},
         {
-          id: "3",
-          name: "Leila B.",
-          role: "Architect",
-          company: "Urban Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg",
-        },
+          id: "3",          name: "Leila B.",          role: "Architect",          company: "Urban Design",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg"},
         {
-          id: "4",
-          name: "Sami R.",
-          role: "Entrepreneur",
-          company: "Tech Startup",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg",
-        },
+          id: "4",          name: "Sami R.",          role: "Entrepreneur",          company: "Tech Startup",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg"},
         {
-          id: "5",
-          name: "Dorra S.",
-          role: "Manager",
-          company: "Retail Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selling-clothes_23-2149731158.jpg",
-        },
+          id: "5",          name: "Dorra S.",          role: "Manager",          company: "Retail Group",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selling-clothes_23-2149731158.jpg"},
       ]}
       kpiItems={[
         {
-          value: "4.9",
-          label: "Avg Rating",
-        },
+          value: "4.9",          label: "Avg Rating"},
         {
-          value: "1500+",
-          label: "Reviews",
-        },
+          value: "1500+",          label: "Reviews"},
         {
-          value: "100%",
-          label: "Authentic",
-        },
+          value: "100%",          label: "Authentic"},
       ]}
       title="Client Voices"
       description="Hear what our fashion community says about Zara Sousse."
@@ -268,14 +170,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Fashion Co",
-        "Textile Inc",
-        "Luxury Hub",
-        "Style Store",
-        "Trend Setter",
-        "Urban Wear",
-        "Modern Vogue",
-      ]}
+        "Fashion Co",        "Textile Inc",        "Luxury Hub",        "Style Store",        "Trend Setter",        "Urban Wear",        "Modern Vogue"]}
       title="Trusted Partners"
       description="Working with industry-leading textile partners."
     />
@@ -287,20 +182,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "Do you offer international shipping?",
-          content: "Currently, we serve the Sousse area with local delivery and in-store pickup options.",
-        },
+          id: "f1",          title: "Do you offer international shipping?",          content: "Currently, we serve the Sousse area with local delivery and in-store pickup options."},
         {
-          id: "f2",
-          title: "How can I return an item?",
-          content: "Items can be returned within 14 days with original tags and receipt.",
-        },
+          id: "f2",          title: "How can I return an item?",          content: "Items can be returned within 14 days with original tags and receipt."},
         {
-          id: "f3",
-          title: "Are there loyalty discounts?",
-          content: "Join our membership program to get exclusive annual discounts and previews.",
-        },
+          id: "f3",          title: "Are there loyalty discounts?",          content: "Join our membership program to get exclusive annual discounts and previews."},
       ]}
       title="Frequently Asked"
       description="Common questions about shopping at Zara Sousse."
@@ -312,8 +198,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Visit Us"
       title="Reach Out to Our Boutique"
       description="Find us at our Sousse flagship store for a personalized shopping experience."
@@ -326,42 +211,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "New Arrivals",
-              href: "#catalog",
-            },
+              label: "New Arrivals",              href: "#catalog"},
             {
-              label: "Best Sellers",
-              href: "#catalog",
-            },
+              label: "Best Sellers",              href: "#catalog"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1