bender/9a751a04-ffb9-45c6-9d5a-eacf3d02574b
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-05-08 17:44:46 +00:00
parent a6e4d417e3
commit fac85b2760
1 changed files with 52 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
src/app/page.tsx
View File

@@ -7,12 +7,12 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia'; import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { DollarSign, Rocket, ShieldCheck, TrendingUp, Users } from "lucide-react"; import { CreditCard, BarChart3, ShieldCheck, DollarSign, ListChecks } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,134 +32,113 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ name: "Marketplace", id: "#market" }, { name: "Gateways", id: "#gateways" },
{ name: "How It Works", id: "#works" }, { name: "Reporting", id: "#reporting" },
{ name: "Startups", id: "#startups" }, { name: "Management", id: "#management" },
{ name: "Dashboard", id: "#dashboard" },
]} ]}
brandName="UzVest" brandName="UzVest Pay"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ variant: "glowing-orb" }} background={{ variant: "glowing-orb" }}
title="Invest in the Future of Business" title="Enterprise-Grade Payment Orchestration"
description="Discover high-growth startups and exclusive investment opportunities across Uzbekistan. Secure, transparent, and AI-powered." description="Integrate multiple payment gateways, manage complex transactions, and generate real-time financial reports effortlessly."
tag="Uzbekistan's Premier Investment Platform" tag="Financial Infrastructure Platform"
buttons={[ buttons={[
{ text: "Start Investing", href: "#market" }, { text: "Get Started", href: "#gateways" },
{ text: "Submit Startup", href: "#contact" }, { text: "Request Demo", href: "#contact" },
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=1", imageAlt: "fintech data connection dark" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=1", imageAlt: "financial dashboard"
}, },
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zst2qi", imageAlt: "fintech data connection dark" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zst2qi", imageAlt: "payment processing"
} }
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
ratingText="Trusted by 15K+ Investors" ratingText="Trusted by 500+ Enterprises"
/> />
</div> </div>
<div id="market" data-section="market"> <div id="gateways" data-section="market">
<MetricCardThree <MetricCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ id: "1", icon: DollarSign, title: "Total Investment", value: "$12.5M" }, { id: "1", value: "15+", title: "Payment Gateways", items: ["Global coverage", "Local processing", "Automatic routing"] },
{ id: "2", icon: Users, title: "Active Investors", value: "15K+" }, { id: "2", value: "99.9%", title: "Uptime SLA", items: ["High availability", "Redundant infrastructure", "Auto-failover"] },
{ id: "3", icon: Rocket, title: "Startups Funded", value: "250+" }, { id: "3", value: "500ms", title: "Latency", items: ["Global edge network", "Optimized flow", "Instant confirmation"] },
{ id: "4", icon: TrendingUp, title: "Average ROI", value: "18%" },
]} ]}
title="Investment Insights" title="Unified Gateway Integration"
description="Real-time performance metrics for the Uzbekistan ecosystem." description="Connect to all your preferred payment providers through a single, unified API."
titleSegments={[{ type: 'text', content: 'Unified ' }, { type: 'text', content: 'Gateway Integration' }]}
/> />
</div> </div>
<div id="startups" data-section="startups"> <div id="management" data-section="startups">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ id: "s1", name: "EcoUz Agrotech", price: "14% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=1" }, { id: "m1", name: "Transaction Reconciliation", price: "Automated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=1" },
{ id: "s2", name: "FinPay Solutions", price: "22% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c57diq" }, { id: "m2", name: "Refund Management", price: "Centralized", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c57diq" },
{ id: "s3", name: "GreenPower Energy", price: "18% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rjo95" }, { id: "m3", name: "Fraud Prevention", price: "AI-Powered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rjo95" },
{ id: "s4", name: "EduTech Central", price: "15% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xma7jo" },
{ id: "s5", name: "UzLogistics AI", price: "20% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1lx9e2" },
{ id: "s6", name: "MedUz Health", price: "12% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3jh39i" },
]} ]}
title="Featured Startups" title="Transaction Management"
description="Hand-picked ventures with high potential for growth." description="Full visibility and control over every payment lifecycle event."
/> />
</div> </div>
<div id="works" data-section="works"> <div id="reporting" data-section="works">
<FeatureCardEight <FeatureCardEight
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Create Account", description: "Quick verification for compliant access.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5p23z", imageAlt: "professional investor portrait" title: "Real-time Analytics", description: "Live dashboards for tracking revenue and volume.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5p23z", imageAlt: "analytics dashboard"
}, },
{ {
title: "Invest in Projects", description: "Browse startups and allocate your capital.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=2", imageAlt: "professional investor portrait" title: "Custom Reporting", description: "Export detailed financial insights for your stakeholders.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=2", imageAlt: "report generation"
}, },
{ {
title: "Earn Returns", description: "Monitor and track your portfolio growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=2", imageAlt: "professional investor portrait" title: "Compliance Ready", description: "Audit-ready logs for seamless financial reporting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=2", imageAlt: "compliance dashboard"
}, },
]} ]}
title="Simple Investment Flow" title="Financial Reporting"
description="Start your journey in three easy steps." description="Transform raw payment data into actionable business intelligence."
/> />
</div> </div>
<div id="why" data-section="why"> <div id="why" data-section="why">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} useInvertedBackground={false}
tag="Why Us" tag="Security First"
title="Transparent & Secure" title="Bank-Grade Security"
description="We combine human expertise with AI investment analysis to minimize risk." description="We process millions in payments securely with PCI-DSS Level 1 certification."
subdescription="All contracts are legally binding with complete transparency." subdescription="Your data is encrypted, processed, and managed with highest security standards."
icon={ShieldCheck} icon={ShieldCheck}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k4vo3b" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k4vo3b"
/> />
</div> </div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", role: "VC Partner", testimonial: "The best platform in Central Asia.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=595a0d" },
{ id: "2", name: "Michael C.", role: "Tech Founder", testimonial: "Very professional and smooth UI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hqavy9" },
{ id: "3", name: "Emily R.", role: "Lead Investor", testimonial: "Solid analytics tools provided.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jqoauo" },
{ id: "4", name: "David K.", role: "Angel Investor", testimonial: "Great returns so far.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66jw0b" },
{ id: "5", name: "Alex B.", role: "Business Owner", testimonial: "Highly recommended for all.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k3zdho" },
]}
title="Investor Reviews"
description="Hear what our community says."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ id: "f1", title: "How to start?", content: "Sign up and complete KYC." }, { id: "f1", title: "Does it support multi-currency?", content: "Yes, we support 130+ currencies with automated conversion." },
{ id: "f2", title: "Is it safe?", content: "Yes, legally compliant." }, { id: "f2", title: "How is reporting handled?", content: "Custom dashboards and automated daily exports to CSV/JSON/BI tools." },
{ id: "f3", title: "How to withdraw?", content: "Instant bank transfers." }, { id: "f3", title: "Can I add custom gateways?", content: "Yes, our modular API allows integration of any custom gateway." },
]} ]}
title="Common Questions" title="Technical FAQ"
description="Find answers regarding investment policies." description="Answers regarding our payment infrastructure."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -168,24 +147,24 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
text="Ready to get started? Contact us today." text="Ready to modernize your payments?"
buttons={[{ text: "Contact Support", href: "#" }]} buttons={[{ text: "Contact Sales", href: "#" }]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="UzVest" logoText="UzVest Pay"
columns={[ columns={[
{ {
title: "Company", items: [ title: "Infrastructure", items: [
{ label: "About", href: "#" }, { label: "Gateways", href: "#gateways" },
{ label: "Careers", href: "#" }, { label: "Reporting", href: "#reporting" },
], ],
}, },
{ {
title: "Legal", items: [ title: "Compliance", items: [
{ label: "Privacy", href: "#" }, { label: "Security", href: "#" },
{ label: "Terms", href: "#" }, { label: "Terms", href: "#" },
], ],
}, },