bender/05aae47b-e0e2-4a30-8fdc-0d20b733fd9d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-16 13:26:41 +00:00
parent 24da4fb63f
commit 75780a8a70
1 changed files with 61 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/app/page.tsx
View File

@@ -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: "#"},
],
},
]}