From 93702bc3a3df3e87746f068ac660ce6cd0f9418d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 13:59:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 266 +++++++++++++++++++++++------------------------
 1 file changed, 133 insertions(+), 133 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 43ae79e..1e76906 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,148 +29,148 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Features", id: "features" },
-        { name: "Pricing", id: "pricing" },
-        { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="CashPilot"
-      button={{ text: "Get Started", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="CashPilot"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Convert Currencies at Pilot Speed"
-      description="CashPilot combines precision financial data with a sleek, high-tech interface, making international currency conversion feel like flying a jet."
-      testimonials={[
-        { name: "Alex Rivier", handle: "@alexr", testimonial: "The fastest conversion app I have ever used. Stunning design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg" },
-        { name: "Sarah Chen", handle: "@schen", testimonial: "Finally, a converter that actually looks beautiful on my screen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
-        { name: "Marcus Thorne", handle: "@mthorne", testimonial: "Precise data, seamless UI. A must-have for traders.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-grey-turtleneck-eyeglasses_273609-13191.jpg" },
-        { name: "Elena Rossi", handle: "@erossi", testimonial: "I travel across 10 countries a year. This is a lifesaver.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
-        { name: "David Park", handle: "@dpark", testimonial: "Professional-grade tools for everyday finance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408700.jpg" }
-      ]}
-      buttons={[{ text: "Get Started", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", alt: "User 1" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-handsome-man-holding-tablet-computer-looking-straight-front_342744-405.jpg", alt: "User 2" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "User 3" },
-        { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-touching-her-face_1098-3321.jpg", alt: "User 4" },
-        { src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", alt: "User 5" }
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroOverlayTestimonial
+            title="Convert Currencies at Pilot Speed"
+            description="CashPilot combines precision financial data with a sleek, high-tech interface, making international currency conversion feel like flying a jet."
+            testimonials={[
+              { name: "Alex Rivier", handle: "@alexr", testimonial: "The fastest conversion app I have ever used. Stunning design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg" },
+              { name: "Sarah Chen", handle: "@schen", testimonial: "Finally, a converter that actually looks beautiful on my screen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
+              { name: "Marcus Thorne", handle: "@mthorne", testimonial: "Precise data, seamless UI. A must-have for traders.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-grey-turtleneck-eyeglasses_273609-13191.jpg" },
+              { name: "Elena Rossi", handle: "@erossi", testimonial: "I travel across 10 countries a year. This is a lifesaver.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
+              { name: "David Park", handle: "@dpark", testimonial: "Professional-grade tools for everyday finance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408700.jpg" }
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-handsome-man-holding-tablet-computer-looking-straight-front_342744-405.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-touching-her-face_1098-3321.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", alt: "User 5" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Financial Data, Engineered for You"
-      description="CashPilot integrates directly with the Central Bank and global markets to bring you the most accurate real-time rates. Whether you are traveling or managing international trade, our smart interface ensures total clarity."
-      imageSrc="http://img.b2bpic.net/free-photo/business-proposal-purchase-hands-holding-money_53876-127124.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MediaAbout
+            useInvertedBackground={false}
+            title="Financial Data, Engineered for You"
+            description="CashPilot integrates directly with the Central Bank and global markets to bring you the most accurate real-time rates. Whether you are traveling or managing international trade, our smart interface ensures total clarity."
+            imageSrc="http://img.b2bpic.net/free-photo/business-proposal-purchase-hands-holding-money_53876-127124.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        { icon: Zap, title: "Real-Time Conversion", description: "Instant calculations using up-to-the-minute global market rates." },
-        { icon: Globe, title: "Global Reach", description: "Support for over 150 currencies, including UZS, USD, EUR, and more." },
-        { icon: TrendingUp, title: "Historical Trends", description: "Visualize currency performance over time to make smarter decisions." }
-      ]}
-      title="Smart Features for Global Finance"
-      description="Engineered for speed, precision, and an intuitive user experience."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { icon: Zap, title: "Real-Time Conversion", description: "Instant calculations using up-to-the-minute global market rates." },
+              { icon: Globe, title: "Global Reach", description: "Support for over 150 currencies, including UZS, USD, EUR, and more." },
+              { icon: TrendingUp, title: "Historical Trends", description: "Visualize currency performance over time to make smarter decisions." }
+            ]}
+            title="Smart Features for Global Finance"
+            description="Engineered for speed, precision, and an intuitive user experience."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "150+", title: "Supported Currencies", items: ["Live updates", "Global API support"] },
-        { id: "m2", value: "99.9%", title: "Data Accuracy", items: ["Direct banking feeds", "Real-time sync"] },
-        { id: "m3", value: "<1ms", title: "Response Time", items: ["Optimized conversion engine", "Low latency global servers"] }
-      ]}
-      title="Precision Metrics"
-      description="Tracking high-frequency financial data for optimal accuracy."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "150+", title: "Supported Currencies", items: ["Live updates", "Global API support"] },
+              { id: "m2", value: "99.9%", title: "Data Accuracy", items: ["Direct banking feeds", "Real-time sync"] },
+              { id: "m3", value: "<1ms", title: "Response Time", items: ["Optimized conversion engine", "Low latency global servers"] }
+            ]}
+            title="Precision Metrics"
+            description="Tracking high-frequency financial data for optimal accuracy."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "John Doe", role: "Travel Blogger", testimonial: "Indispensable tool for my international trips.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg" },
-        { id: "2", name: "Jane Smith", role: "Global CFO", testimonial: "The interface clarity is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
-        { id: "3", name: "Mark Evans", role: "Trader", testimonial: "Fast, reliable, and looks great.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-grey-turtleneck-eyeglasses_273609-13191.jpg" },
-        { id: "4", name: "Lisa Wong", role: "Student", testimonial: "Easy currency conversions on the go.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
-        { id: "5", name: "Paul Rudd", role: "Engineer", testimonial: "The dark mode aesthetic is fantastic.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408700.jpg" }
-      ]}
-      title="Loved by Global Travelers"
-      description="Join thousands of users who depend on CashPilot daily."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "John Doe", role: "Travel Blogger", testimonial: "Indispensable tool for my international trips.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg" },
+              { id: "2", name: "Jane Smith", role: "Global CFO", testimonial: "The interface clarity is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
+              { id: "3", name: "Mark Evans", role: "Trader", testimonial: "Fast, reliable, and looks great.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-grey-turtleneck-eyeglasses_273609-13191.jpg" },
+              { id: "4", name: "Lisa Wong", role: "Student", testimonial: "Easy currency conversions on the go.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
+              { id: "5", name: "Paul Rudd", role: "Engineer", testimonial: "The dark mode aesthetic is fantastic.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408700.jpg" }
+            ]}
+            title="Loved by Global Travelers"
+            description="Join thousands of users who depend on CashPilot daily."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "basic", tag: "Free", price: "$0", period: "/mo", description: "Essential conversion tools.", button: { text: "Get Started" }, featuresTitle: "Includes:", features: ["150+ Currencies", "Real-time rates", "Mobile access"] },
-        { id: "pro", tag: "Pro", price: "$9", period: "/mo", description: "For high-frequency users.", button: { text: "Go Pro" }, featuresTitle: "Includes:", features: ["Historical charts", "Offline caching", "Ad-free experience"] }
-      ]}
-      title="Choose Your Plan"
-      description="Upgrade to unlock advanced features for power users."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", tag: "Free", price: "$0", period: "/mo", description: "Essential conversion tools.", button: { text: "Get Started" }, featuresTitle: "Includes:", features: ["150+ Currencies", "Real-time rates", "Mobile access"] },
+              { id: "pro", tag: "Pro", price: "$9", period: "/mo", description: "For high-frequency users.", button: { text: "Go Pro" }, featuresTitle: "Includes:", features: ["Historical charts", "Offline caching", "Ad-free experience"] }
+            ]}
+            title="Choose Your Plan"
+            description="Upgrade to unlock advanced features for power users."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "q1", title: "Is it offline?", content: "Yes, CashPilot caches your last seen rates for offline use." },
-        { id: "q2", title: "How accurate is the data?", content: "We connect to top global and Central Bank financial APIs." },
-        { id: "q3", title: "Can I use UZS?", content: "Absolutely, UZS is fully supported alongside 150+ currencies." }
-      ]}
-      title="Common Questions"
-      description="Here is what you need to know about CashPilot."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Is it offline?", content: "Yes, CashPilot caches your last seen rates for offline use." },
+              { id: "q2", title: "How accurate is the data?", content: "We connect to top global and Central Bank financial APIs." },
+              { id: "q3", title: "Can I use UZS?", content: "Absolutely, UZS is fully supported alongside 150+ currencies." }
+            ]}
+            title="Common Questions"
+            description="Here is what you need to know about CashPilot."
+            animationType="smooth"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
-      tag="Join"
-      title="Sign Up for Early Access"
-      description="Be the first to experience the CashPilot mobile app."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Join"
+            title="Sign Up for Early Access"
+            description="Be the first to experience the CashPilot mobile app."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="CashPilot"
-      columns={[
-        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="CashPilot"
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );