From 0212cb881f22f0bd0935f778770844785dd443da Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 10:28:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 341 ++++++++---------------------------------------
 1 file changed, 53 insertions(+), 288 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c5287af..e6e19b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,137 +32,50 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Security",
-          id: "security",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Security", id: "security" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="IZI"
-      button={{
-        text: "Open Account",
-        href: "#contact",
-      }}
+      button={{ text: "Open Account", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="IZI IS THE NEW MOBILE PAYMENT APPLICATION FROM ZITOUNA PAYMENT"
       description="Pay your bills, transfer money, and manage your finances instantly, without additional fees, and in complete safety."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148602393.jpg",
-          imageAlt: "digital payment mobile app",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
-          imageAlt: "mobile payment application",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-concept_23-2148606529.jpg",
-          imageAlt: "Banking app interface concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600055.jpg",
-          imageAlt: "Banking app interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148632257.jpg",
-          imageAlt: "Banking app interface",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148602393.jpg", imageAlt: "digital payment mobile app" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "mobile payment application" },
+        { imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-concept_23-2148606529.jpg", imageAlt: "Banking app interface concept" },
+        { imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600055.jpg", imageAlt: "Banking app interface" },
+        { imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148632257.jpg", imageAlt: "Banking app interface" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-donate-smartphone-app-template_23-2148627920.jpg",
-          imageAlt: "mobile payment application",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600650.jpg",
-          imageAlt: "digital payment mobile app",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-banking-app-interface-with-statistics_23-2148591100.jpg",
-          imageAlt: "Gradient banking app interface with statistics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-glasses-phone-with-diagram-earphones_1163-2721.jpg",
-          imageAlt: "White desk with glasses, phone with a diagram, earphones",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg",
-          imageAlt: "Person looking over finance graphs",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Discover IZI",
-          href: "#services",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-donate-smartphone-app-template_23-2148627920.jpg", imageAlt: "mobile payment application" },
+        { imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600650.jpg", imageAlt: "digital payment mobile app" },
+        { imageSrc: "http://img.b2bpic.net/free-vector/gradient-banking-app-interface-with-statistics_23-2148591100.jpg", imageAlt: "Gradient banking app interface with statistics" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-glasses-phone-with-diagram-earphones_1163-2721.jpg", imageAlt: "White desk with glasses, phone with a diagram, earphones" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg", imageAlt: "Person looking over finance graphs" },
       ]}
+      buttons={[{ text: "Discover IZI", href: "#services" }]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg",
-          alt: "Confident African-American businessman in a brown classic jacket",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
-          alt: "Confident African-American businessman in a black classic jacket",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
-          alt: "Smiling handsome bearded African-American businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",
-          alt: "smiling to camera with crossed arms",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-hadsome-man-crossed-hand-smiling_114579-79348.jpg",
-          alt: "Young hadsome man crossed hand and smiling",
-        },
+        { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg", alt: "Confident African-American businessman" },
+        { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "Confident African-American businessman" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", alt: "Smiling handsome bearded African-American businessman" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg", alt: "smiling to camera with crossed arms" },
+        { src: "http://img.b2bpic.net/free-photo/young-hadsome-man-crossed-hand-smiling_114579-79348.jpg", alt: "Young hadsome man crossed hand and smiling" },
       ]}
       avatarText="Join 50,000+ satisfied users"
       marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/mobile-banking-icons_98292-6689.jpg",
-          alt: "Mobile banking icons",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/mobile-commerce-icon-set_98292-169.jpg",
-          alt: "Mobile Commerce Icon Set",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/mobile-banking-icons-flat-line_1284-3928.jpg",
-          alt: "Mobile banking icons flat line",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/modern-contactless-payment-concept_23-2147676303.jpg",
-          alt: "Modern contactless payment concept",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/flat-business-finances-icons-set_1057-379.jpg",
-          alt: "Flat Business and Finances Icons Set",
-        },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/mobile-banking-icons_98292-6689.jpg", alt: "Mobile banking icons" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/mobile-commerce-icon-set_98292-169.jpg", alt: "Mobile Commerce Icon Set" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/mobile-banking-icons-flat-line_1284-3928.jpg", alt: "Mobile banking icons flat line" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/modern-contactless-payment-concept_23-2147676303.jpg", alt: "Modern contactless payment concept" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/flat-business-finances-icons-set_1057-379.jpg", alt: "Flat Business and Finances Icons Set" },
       ]}
     />
   </div>
@@ -174,24 +87,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Account Opening",
-          description: "Start your journey with IZI through a simple and secure registration.",
-          imageSrc: "http://img.b2bpic.net/free-vector/arrows-around-dollar-coin-outline-style_78370-6848.jpg",
-          imageAlt: "financial service icons",
-        },
-        {
-          title: "Bill Payment",
-          description: "Pay STEG, SONEDE, and Internet bills instantly without additional fees.",
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-worker-handing-order-client_23-2149050397.jpg",
-          imageAlt: "online bill payment",
-        },
-        {
-          title: "National Money Transfer",
-          description: "Send funds across Tunisia using phone numbers, QR codes, or agent assistance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-green-letters-forming-word-banking_53876-30914.jpg",
-          imageAlt: "financial service icons",
-        },
+        { title: "Account Opening", description: "Start your journey with IZI through a simple and secure registration.", imageSrc: "http://img.b2bpic.net/free-vector/arrows-around-dollar-coin-outline-style_78370-6848.jpg", imageAlt: "financial service icons" },
+        { title: "Bill Payment", description: "Pay STEG, SONEDE, and Internet bills instantly without additional fees.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-worker-handing-order-client_23-2149050397.jpg", imageAlt: "online bill payment" },
+        { title: "National Money Transfer", description: "Send funds across Tunisia using phone numbers, QR codes, or agent assistance.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-green-letters-forming-word-banking_53876-30914.jpg", imageAlt: "financial service icons" },
       ]}
       title="Discover Our IZI Services"
       description="Comprehensive payment solutions designed for your daily needs."
@@ -212,25 +110,11 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
-        {
-          id: "m1",
-          icon: Shield,
-          title: "Security",
-          value: "100%",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Reliability",
-          value: "Trusted",
-        },
-        {
-          id: "m3",
-          icon: Users,
-          title: "Proximity",
-          value: "National",
-        },
+        { id: "m1", icon: Shield, title: "Security", value: "100%" },
+        { id: "m2", icon: Award, title: "Reliability", value: "Trusted" },
+        { id: "m3", icon: Users, title: "Proximity", value: "National" },
       ]}
       title="Our Strengths"
       description="Dedicated to reliability, proximity, and trust."
@@ -244,48 +128,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Agent Network",
-          price: "Nationwide",
-          variant: "Accessible",
-          imageSrc: "http://img.b2bpic.net/free-vector/mobile-banking-icons-flat_1284-3929.jpg",
-        },
-        {
-          id: "p2",
-          name: "Become a Partner",
-          price: "Join us",
-          variant: "Partnership",
-          imageSrc: "http://img.b2bpic.net/free-vector/finance-line-icons-set-infographics-mobile-ux-ui-kit_1057-10985.jpg",
-        },
-        {
-          id: "p3",
-          name: "Instant Service",
-          price: "Real-time",
-          variant: "Fast",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-sticker-icons-doodle-coloring-vector_179234-532.jpg",
-        },
-        {
-          id: "p4",
-          name: "Bill Integration",
-          price: "Partners",
-          variant: "Integrated",
-          imageSrc: "http://img.b2bpic.net/free-vector/mobile-banking_24877-49205.jpg",
-        },
-        {
-          id: "p5",
-          name: "Secure Cloud",
-          price: "Certified",
-          variant: "Data",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-black-line-icon-25-business-outline-icon-set_1057-10025.jpg",
-        },
-        {
-          id: "p6",
-          name: "Card Feeding",
-          price: "Instant",
-          variant: "Banking",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-marketing-concept-flat-icons-set_1284-7356.jpg",
-        },
+        { id: "p1", name: "Agent Network", price: "Nationwide", variant: "Accessible", imageSrc: "http://img.b2bpic.net/free-vector/mobile-banking-icons-flat_1284-3929.jpg" },
+        { id: "p2", name: "Become a Partner", price: "Join us", variant: "Partnership", imageSrc: "http://img.b2bpic.net/free-vector/finance-line-icons-set-infographics-mobile-ux-ui-kit_1057-10985.jpg" },
+        { id: "p3", name: "Instant Service", price: "Real-time", variant: "Fast", imageSrc: "http://img.b2bpic.net/free-vector/banking-sticker-icons-doodle-coloring-vector_179234-532.jpg" },
+        { id: "p4", name: "Bill Integration", price: "Partners", variant: "Integrated", imageSrc: "http://img.b2bpic.net/free-vector/mobile-banking_24877-49205.jpg" },
+        { id: "p5", name: "Secure Cloud", price: "Certified", variant: "Data", imageSrc: "http://img.b2bpic.net/free-vector/banking-black-line-icon-25-business-outline-icon-set_1057-10025.jpg" },
+        { id: "p6", name: "Card Feeding", price: "Instant", variant: "Banking", imageSrc: "http://img.b2bpic.net/free-vector/banking-marketing-concept-flat-icons-set_1284-7356.jpg" },
       ]}
       title="Our Network"
       description="Discover our large commercial network across all Tunisia."
@@ -297,46 +145,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Excellent Service",
-          quote: "IZI has made my daily bill payments so much easier.",
-          name: "Sarah",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg",
-        },
-        {
-          id: "2",
-          title: "Highly Secure",
-          quote: "I trust Zitouna Payment with all my mobile financial needs.",
-          name: "Ahmed",
-          role: "Partner",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-        },
-        {
-          id: "3",
-          title: "So Convenient",
-          quote: "Sending money to family has never been this fast.",
-          name: "Lamine",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-signing-contract-while-being-with-his-wife-meeting-with-financial-advisor_637285-1134.jpg",
-        },
-        {
-          id: "4",
-          title: "Great Network",
-          quote: "The agent coverage in my area is fantastic.",
-          name: "Fatima",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
-        },
-        {
-          id: "5",
-          title: "Fast Transactions",
-          quote: "Real-time payments are a game changer for my business.",
-          name: "Karim",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4695.jpg",
-        },
+        { id: "1", title: "Excellent Service", quote: "IZI has made my daily bill payments so much easier.", name: "Sarah", role: "User", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg" },
+        { id: "2", title: "Highly Secure", quote: "I trust Zitouna Payment with all my mobile financial needs.", name: "Ahmed", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg" },
+        { id: "3", title: "So Convenient", quote: "Sending money to family has never been this fast.", name: "Lamine", role: "User", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-signing-contract-while-being-with-his-wife-meeting-with-financial-advisor_637285-1134.jpg" },
+        { id: "4", title: "Great Network", quote: "The agent coverage in my area is fantastic.", name: "Fatima", role: "User", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg" },
+        { id: "5", title: "Fast Transactions", quote: "Real-time payments are a game changer for my business.", name: "Karim", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4695.jpg" },
       ]}
       title="What Our Customers Say"
       description="Trust is at the heart of everything we do."
@@ -348,21 +161,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Is IZI secure?",
-          content: "Yes, we use advanced encryption and comply with INDPP protocols.",
-        },
-        {
-          id: "f2",
-          title: "Are there fees?",
-          content: "Bill payments are made without any additional fees.",
-        },
-        {
-          id: "f3",
-          title: "How to register?",
-          content: "Visit one of our authorized agents or register directly via the app.",
-        },
+        { id: "f1", title: "Is IZI secure?", content: "Yes, we use advanced encryption and comply with INDPP protocols." },
+        { id: "f2", title: "Are there fees?", content: "Bill payments are made without any additional fees." },
+        { id: "f3", title: "How to register?", content: "Visit one of our authorized agents or register directly via the app." },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about Zitouna Payment."
@@ -376,22 +177,10 @@ export default function LandingPage() {
       title="Contact Us"
       description="Get in touch with our team at Zitouna Payment."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Message",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/industrial-designers-working-3d-model_23-2149370123.jpg"
     />
   </div>
@@ -400,32 +189,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="IZI by Zitouna Payment"
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Account Opening",
-              href: "#",
-            },
-            {
-              label: "Bill Payment",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "Security",
-              href: "#security",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Account Opening", href: "#" }, { label: "Bill Payment", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Security", href: "#security" }] },
       ]}
       copyrightText="Copyright Zitouna payment – 2025 – All rights reserved"
     />
-- 
2.49.1