From fac85b27609595b88045fe2ddc701a5054f354ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 17:44:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 125 ++++++++++++++++++++---------------------------
 1 file changed, 52 insertions(+), 73 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dab3a92..d1d6f16 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,12 +7,12 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 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 ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 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() {
   return (
@@ -32,134 +32,113 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Marketplace", id: "#market" },
-        { name: "How It Works", id: "#works" },
-        { name: "Startups", id: "#startups" },
-        { name: "Dashboard", id: "#dashboard" },
+        { name: "Gateways", id: "#gateways" },
+        { name: "Reporting", id: "#reporting" },
+        { name: "Management", id: "#management" },
       ]}
-      brandName="UzVest"
+      brandName="UzVest Pay"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{ variant: "glowing-orb" }}
-      title="Invest in the Future of Business"
-      description="Discover high-growth startups and exclusive investment opportunities across Uzbekistan. Secure, transparent, and AI-powered."
-      tag="Uzbekistan's Premier Investment Platform"
+      title="Enterprise-Grade Payment Orchestration"
+      description="Integrate multiple payment gateways, manage complex transactions, and generate real-time financial reports effortlessly."
+      tag="Financial Infrastructure Platform"
       buttons={[
-        { text: "Start Investing", href: "#market" },
-        { text: "Submit Startup", href: "#contact" },
+        { text: "Get Started", href: "#gateways" },
+        { text: "Request Demo", href: "#contact" },
       ]}
       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"
       rating={5}
-      ratingText="Trusted by 15K+ Investors"
+      ratingText="Trusted by 500+ Enterprises"
     />
   </div>
 
-  <div id="market" data-section="market">
-      <MetricCardThree
+  <div id="gateways" data-section="market">
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        { id: "1", icon: DollarSign, title: "Total Investment", value: "$12.5M" },
-        { id: "2", icon: Users, title: "Active Investors", value: "15K+" },
-        { id: "3", icon: Rocket, title: "Startups Funded", value: "250+" },
-        { id: "4", icon: TrendingUp, title: "Average ROI", value: "18%" },
+        { id: "1", value: "15+", title: "Payment Gateways", items: ["Global coverage", "Local processing", "Automatic routing"] },
+        { id: "2", value: "99.9%", title: "Uptime SLA", items: ["High availability", "Redundant infrastructure", "Auto-failover"] },
+        { id: "3", value: "500ms", title: "Latency", items: ["Global edge network", "Optimized flow", "Instant confirmation"] },
       ]}
-      title="Investment Insights"
-      description="Real-time performance metrics for the Uzbekistan ecosystem."
+      title="Unified Gateway Integration"
+      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 id="startups" data-section="startups">
+  <div id="management" data-section="startups">
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       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: "s2", name: "FinPay Solutions", price: "22% ROI", 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: "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" },
+        { 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: "m2", name: "Refund Management", price: "Centralized", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c57diq" },
+        { id: "m3", name: "Fraud Prevention", price: "AI-Powered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rjo95" },
       ]}
-      title="Featured Startups"
-      description="Hand-picked ventures with high potential for growth."
+      title="Transaction Management"
+      description="Full visibility and control over every payment lifecycle event."
     />
   </div>
 
-  <div id="works" data-section="works">
+  <div id="reporting" data-section="works">
       <FeatureCardEight
       textboxLayout="split"
       useInvertedBackground={false}
       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"
-      description="Start your journey in three easy steps."
+      title="Financial Reporting"
+      description="Transform raw payment data into actionable business intelligence."
     />
   </div>
 
   <div id="why" data-section="why">
       <TestimonialAboutCard
       useInvertedBackground={false}
-      tag="Why Us"
-      title="Transparent & Secure"
-      description="We combine human expertise with AI investment analysis to minimize risk."
-      subdescription="All contracts are legally binding with complete transparency."
+      tag="Security First"
+      title="Bank-Grade Security"
+      description="We process millions in payments securely with PCI-DSS Level 1 certification."
+      subdescription="Your data is encrypted, processed, and managed with highest security standards."
       icon={ShieldCheck}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k4vo3b"
     />
   </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">
       <FaqDouble
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "How to start?", content: "Sign up and complete KYC." },
-        { id: "f2", title: "Is it safe?", content: "Yes, legally compliant." },
-        { id: "f3", title: "How to withdraw?", content: "Instant bank transfers." },
+        { id: "f1", title: "Does it support multi-currency?", content: "Yes, we support 130+ currencies with automated conversion." },
+        { id: "f2", title: "How is reporting handled?", content: "Custom dashboards and automated daily exports to CSV/JSON/BI tools." },
+        { id: "f3", title: "Can I add custom gateways?", content: "Yes, our modular API allows integration of any custom gateway." },
       ]}
-      title="Common Questions"
-      description="Find answers regarding investment policies."
+      title="Technical FAQ"
+      description="Answers regarding our payment infrastructure."
       faqsAnimation="slide-up"
     />
   </div>
@@ -168,24 +147,24 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{ variant: "sparkles-gradient" }}
-      text="Ready to get started? Contact us today."
-      buttons={[{ text: "Contact Support", href: "#" }]}
+      text="Ready to modernize your payments?"
+      buttons={[{ text: "Contact Sales", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
-      logoText="UzVest"
+      logoText="UzVest Pay"
       columns={[
         {
-          title: "Company",          items: [
-            { label: "About", href: "#" },
-            { label: "Careers", href: "#" },
+          title: "Infrastructure",          items: [
+            { label: "Gateways", href: "#gateways" },
+            { label: "Reporting", href: "#reporting" },
           ],
         },
         {
-          title: "Legal",          items: [
-            { label: "Privacy", href: "#" },
+          title: "Compliance",          items: [
+            { label: "Security", href: "#" },
             { label: "Terms", href: "#" },
           ],
         },
@@ -195,4 +174,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}