Merge version_1 into main #1
341
src/app/page.tsx
341
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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user