Merge version_2 into main #1
284
src/app/page.tsx
284
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Calculator",
|
||||
id: "#calculator",
|
||||
},
|
||||
name: "Calculator", id: "#calculator"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Catalog", id: "#catalog"},
|
||||
{
|
||||
name: "Wallet",
|
||||
id: "#wallet",
|
||||
},
|
||||
name: "Wallet", id: "#wallet"},
|
||||
]}
|
||||
brandName="SunGaza"
|
||||
/>
|
||||
@@ -53,77 +45,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Gaza with Sustainable Energy"
|
||||
description="Your marketplace for reliable solar batteries and energy systems. Calculate your load, rent smart, and track usage with ease."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Batteries Deployed",
|
||||
},
|
||||
value: "500+", label: "Batteries Deployed"},
|
||||
{
|
||||
value: "1200+",
|
||||
label: "Active Users",
|
||||
},
|
||||
value: "1200+", label: "Active Users"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Uptime Reliability",
|
||||
},
|
||||
value: "99%", label: "Uptime Reliability"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#calculator",
|
||||
},
|
||||
text: "Get Started", href: "#calculator"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/be-change-inspired-active-thunder-website_53876-124708.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researching-team-monitors-system-performance-using-tablet_482257-123472.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researching-team-monitors-system-performance-using-tablet_482257-123472.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/be-change-inspired-active-thunder-website_53876-124706.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/be-change-inspired-active-thunder-website_53876-124706.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/investors-look-mockup-monitor-evaluate-factory-investment-potential-risks_482257-126510.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/investors-look-mockup-monitor-evaluate-factory-investment-potential-risks_482257-126510.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/texture-swimming-pool-mosaic-tile-background-wallpaper-banner-backdrop_1258-69282.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/texture-swimming-pool-mosaic-tile-background-wallpaper-banner-backdrop_1258-69282.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-screen-display-overseeing-solar-panels-plant_482257-119905.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-screen-display-overseeing-solar-panels-plant_482257-119905.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Join 1,200+ satisfied energy pioneers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Energy",
|
||||
},
|
||||
type: "text", text: "Sustainable Energy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Solar Rentals",
|
||||
},
|
||||
type: "text", text: "Solar Rentals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Power",
|
||||
},
|
||||
type: "text", text: "Reliable Power"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tech Enabled",
|
||||
},
|
||||
type: "text", text: "Tech Enabled"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gaza Ready",
|
||||
},
|
||||
type: "text", text: "Gaza Ready"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,17 +98,11 @@ export default function LandingPage() {
|
||||
description="Don't know what you need? Select your household appliances and our smart calculator will recommend the optimal battery capacity for your specific lifestyle."
|
||||
metrics={[
|
||||
{
|
||||
value: "Fast",
|
||||
title: "Real-time Results",
|
||||
},
|
||||
value: "Fast", title: "Real-time Results"},
|
||||
{
|
||||
value: "Precise",
|
||||
title: "Load Analysis",
|
||||
},
|
||||
value: "Precise", title: "Load Analysis"},
|
||||
{
|
||||
value: "Easy",
|
||||
title: "One-click Setup",
|
||||
},
|
||||
value: "Easy", title: "One-click Setup"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4899.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -161,59 +118,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "SunGen",
|
||||
name: "Pro Battery 100Ah",
|
||||
price: "150 NIS",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2538.jpg",
|
||||
},
|
||||
id: "p1", brand: "SunGen", name: "Pro Battery 100Ah", price: "150 NIS", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2538.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Volta",
|
||||
name: "Home Storage X1",
|
||||
price: "300 NIS",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-power-bank-isolated-white-background_185193-165556.jpg",
|
||||
},
|
||||
id: "p2", brand: "Volta", name: "Home Storage X1", price: "300 NIS", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/png-power-bank-isolated-white-background_185193-165556.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Solaris",
|
||||
name: "Smart Inverter 5kW",
|
||||
price: "450 NIS",
|
||||
rating: 4,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205420.jpg",
|
||||
},
|
||||
id: "p3", brand: "Solaris", name: "Smart Inverter 5kW", price: "450 NIS", rating: 4,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205420.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "EcoFlow",
|
||||
name: "Portable Power Base",
|
||||
price: "200 NIS",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907393.jpg",
|
||||
},
|
||||
id: "p4", brand: "EcoFlow", name: "Portable Power Base", price: "200 NIS", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907393.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "SunGen",
|
||||
name: "Charge Pro Ctrl",
|
||||
price: "80 NIS",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-game-console-nutshell-tones_23-2151208179.jpg",
|
||||
},
|
||||
id: "p5", brand: "SunGen", name: "Charge Pro Ctrl", price: "80 NIS", rating: 4,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-game-console-nutshell-tones_23-2151208179.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Solaris",
|
||||
name: "Panel Array Set",
|
||||
price: "500 NIS",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-meeting-with-investor-talking_482257-120480.jpg",
|
||||
},
|
||||
id: "p6", brand: "Solaris", name: "Panel Array Set", price: "500 NIS", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-meeting-with-investor-talking_482257-120480.jpg"},
|
||||
]}
|
||||
title="Browse Solar Solutions"
|
||||
description="Find the perfect battery and solar setup for your home. Use our advanced filters to sort by capacity, price, or availability in your neighborhood."
|
||||
@@ -227,29 +148,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "QR",
|
||||
title: "Scan & Go",
|
||||
description: "Instant pickup via QR scan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-scanning-vaccination-passport_23-2149340960.jpg",
|
||||
},
|
||||
id: "m1", value: "QR", title: "Smart Pickup Process", description: "Scan the QR code at any SunGaza hub for instant, contactless equipment pickup.", imageSrc: "http://img.b2bpic.net/free-photo/hand-scanning-vaccination-passport_23-2149340960.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Safe",
|
||||
title: "PalPay Ready",
|
||||
description: "Secure digital transactions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-stock-market-online_53876-163988.jpg",
|
||||
},
|
||||
id: "m2", value: "PalPay", title: "PalPay Integration", description: "Securely manage your wallet balance and pay for rentals with seamless PalPay support.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-stock-market-online_53876-163988.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Track",
|
||||
title: "Live Dashboard",
|
||||
description: "Manage your balance 24/7.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-payment-illustration_23-2151961285.jpg",
|
||||
},
|
||||
id: "m3", value: "Dash", title: "Wallet Dashboard", description: "A comprehensive view of your active rentals, transaction history, and energy credits.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-payment-illustration_23-2151961285.jpg"},
|
||||
]}
|
||||
title="Integrated Smart Wallet & QR Payments"
|
||||
description="Manage your rentals through our secure digital wallet. Scan QR codes for seamless equipment pickups and returns. PalPay integration included for hassle-free billing."
|
||||
title="PalPay Enabled Smart Wallet"
|
||||
description="Your all-in-one digital companion for effortless energy management. Handle logistics with simple QR code flows and secure, instant payments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -260,40 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed K.",
|
||||
role: "Resident",
|
||||
testimonial: "The battery rental service has been life-changing. Quick setup and reliable power.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmed K.", role: "Resident", testimonial: "The battery rental service has been life-changing. Quick setup and reliable power.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima S.",
|
||||
role: "Small Business",
|
||||
testimonial: "Very convenient QR system. PalPay makes payments simple and safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg",
|
||||
},
|
||||
id: "2", name: "Fatima S.", role: "Small Business", testimonial: "Very convenient QR system. PalPay makes payments simple and safe.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Musa H.",
|
||||
role: "Student",
|
||||
testimonial: "Affordable and easy to track my usage. The app works perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
},
|
||||
id: "3", name: "Musa H.", role: "Student", testimonial: "Affordable and easy to track my usage. The app works perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla M.",
|
||||
role: "Teacher",
|
||||
testimonial: "Professional service and high quality batteries. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
id: "4", name: "Layla M.", role: "Teacher", testimonial: "Professional service and high quality batteries. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar B.",
|
||||
role: "Artist",
|
||||
testimonial: "The load calculator saved me money. I only rent what I need.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
},
|
||||
id: "5", name: "Omar B.", role: "Artist", testimonial: "The load calculator saved me money. I only rent what I need.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg"},
|
||||
]}
|
||||
title="Trusted by Families"
|
||||
description="Read how local families are powering their homes with our energy solutions."
|
||||
@@ -307,26 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "im1",
|
||||
value: "10MW",
|
||||
title: "Energy Provided",
|
||||
description: "Clean energy across Gaza.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47308.jpg",
|
||||
},
|
||||
id: "im1", value: "10MW", title: "Energy Provided", description: "Clean energy across Gaza.", imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47308.jpg"},
|
||||
{
|
||||
id: "im2",
|
||||
value: "5000+",
|
||||
title: "Service Count",
|
||||
description: "Reliability at scale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165972.jpg",
|
||||
},
|
||||
id: "im2", value: "5000+", title: "Service Count", description: "Reliability at scale.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165972.jpg"},
|
||||
{
|
||||
id: "im3",
|
||||
value: "24/7",
|
||||
title: "Support Access",
|
||||
description: "Always here to help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-style-building-with-curvy-black-walls-bright-blue-windows_181624-5929.jpg",
|
||||
},
|
||||
id: "im3", value: "24/7", title: "Support Access", description: "Always here to help.", imageSrc: "http://img.b2bpic.net/free-photo/modern-style-building-with-curvy-black-walls-bright-blue-windows_181624-5929.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Making a difference one household at a time."
|
||||
@@ -339,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How does the rental work?",
|
||||
content: "Choose your device, pay securely, and scan the QR code at our pickup center.",
|
||||
},
|
||||
id: "faq1", title: "How does the rental work?", content: "Choose your device, pay securely, and scan the QR code at our pickup center."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Which payment methods are accepted?",
|
||||
content: "We support PalPay and cash at pickup locations.",
|
||||
},
|
||||
id: "faq2", title: "Which payment methods are accepted?", content: "We support PalPay and cash at pickup locations."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What happens if a battery fails?",
|
||||
content: "We provide instant replacement or technical support via our hotline.",
|
||||
},
|
||||
id: "faq3", title: "What happens if a battery fails?", content: "We provide instant replacement or technical support via our hotline."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessmen-photovoltaics-factory-doing-financial-investments_482257-120645.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -367,50 +224,31 @@ export default function LandingPage() {
|
||||
logoText="SunGaza"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Load Calculator",
|
||||
href: "#calculator",
|
||||
},
|
||||
label: "Load Calculator", href: "#calculator"},
|
||||
{
|
||||
label: "Browse Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Browse Catalog", href: "#catalog"},
|
||||
{
|
||||
label: "My Wallet",
|
||||
href: "#wallet",
|
||||
},
|
||||
label: "My Wallet", href: "#wallet"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user