From 6b41c8e0aa1205dc8ae56bb79beeffcd6233386e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:51:22 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 430 +++++++++++++++++++----------------------------
 1 file changed, 169 insertions(+), 261 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c66d15..4a913f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,30 +2,32 @@
 
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import ProductCardThree from "@/components/sections/product/ProductCardThree";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Zap, Shield, BarChart3, Brain, Lock, Network, Users, Globe, Building2, Database, Clock, TrendingUp, CheckCircle, Award } from "lucide-react";
+import { Sparkles, CheckCircle, Users, MessageSquare, HelpCircle } from "lucide-react";
 
-export default function HomePage() {
+export default function Home() {
   const navItems = [
     { name: "Platform", id: "features" },
     { name: "Capabilities", id: "about" },
     { name: "Solutions", id: "product" },
-    { name: "Resources", id: "faq" },
-    { name: "Contact", id: "contact" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
       items: [
-        { label: "Platform", href: "#features" },
-        { label: "Features", href: "#features" },
+        { label: "Platform", href: "features" },
+        { label: "Features", href: "features" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
       ],
@@ -33,7 +35,7 @@ export default function HomePage() {
     {
       items: [
         { label: "Company", href: "#" },
-        { label: "About", href: "/about" },
+        { label: "About", href: "about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
       ],
@@ -58,288 +60,194 @@ export default function HomePage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="mediumLargeSizeLargeTitles"
-      background="blurBottom"
-      cardStyle="outline"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="medium"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="large"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarLayoutFloatingInline
           brandName="UzRocket"
           navItems={navItems}
           button={{
-            text: "Request Demo",
-            href: "https://calendly.com",
-          }}
+            text: "Request Demo",            href: "https://calendly.com"}}
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboard
-          title="Intelligence at the Speed of Thought"
-          description="Transform raw data into actionable intelligence. UzRocket's advanced analytics platform empowers enterprises to make mission-critical decisions with real-time insights and predictive analytics."
-          tag="Enterprise Intelligence"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
+      <div id="hero" data-section="hero" className="py-16 md:py-24">
+        <HeroLogo
+          logoText="UzRocket"
+          description="Enterprise intelligence platform transforming data into actionable insights"
           buttons={[
-            {
-              text: "Start Free Trial",
-              href: "https://app.uzrocket.com/signup",
-            },
-            {
-              text: "Watch Demo",
-              href: "#features",
-            },
+            { text: "Get Started", href: "https://github.com" },
+            { text: "Learn More", href: "about" },
           ]}
-          buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-sleek-modern-enterprise-intelligence-d-1773081805802-b08d9ccb.png"
-          imageAlt="UzRocket Intelligence Dashboard"
-          mediaAnimation="slide-up"
-          avatars={[
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-photo-of-a-confi-1773081802539-abb33fd0.png",
-              alt: "Customer 1",
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-photo-of-a-busin-1773081803684-e77f67af.png",
-              alt: "Customer 2",
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-business-pr-1773081803999-4833195d.png",
-              alt: "Customer 3",
-            },
-          ]}
-          avatarText="Trusted by 500+ enterprise organizations"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/placeholder-image-1773081801620-288aecb8.png"
+          imageAlt="Hero background"
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureHoverPattern
-          title="Powerful Capabilities Built for Enterprise"
-          description="Hover over each capability to explore the cutting-edge technology powering UzRocket's intelligence platform."
-          tag="Core Features"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
-          textboxLayout="default"
+      <div id="about" data-section="about" className="py-16 md:py-24">
+        <TextSplitAbout
+          title="About UzRocket"
+          description={[
+            "We're building the next generation of enterprise intelligence platforms that empower organizations to make faster, smarter decisions.",            "Our mission is to democratize advanced analytics and predictive intelligence for enterprises of all sizes."]}
+          buttons={[
+            { text: "Learn More", href: "#" },
+            { text: "Get Started", href: "#" },
+          ]}
           useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="features" data-section="features" className="py-16 md:py-24">
+        <FeatureCardTwelve
           features={[
             {
-              icon: BarChart3,
-              title: "Real-Time Analytics",
-              description: "Process millions of data points in milliseconds with advanced stream processing and distributed computing.",
+              id: "1",              label: "Real-time",              title: "Real-time Analytics Engine",              items: [
+                "Live data processing",                "Instant dashboards",                "24/7 monitoring"],
             },
             {
-              icon: Brain,
-              title: "AI-Powered Insights",
-              description: "Machine learning models that discover patterns and predict outcomes with unprecedented accuracy.",
+              id: "2",              label: "Predictive",              title: "AI-Powered Predictions",              items: [
+                "Machine learning models",                "Trend forecasting",                "Risk detection"],
             },
             {
-              icon: Lock,
-              title: "Enterprise Security",
-              description: "Military-grade encryption and compliance with SOC 2, HIPAA, GDPR, and international standards.",
-            },
-            {
-              icon: Zap,
-              title: "Lightning Performance",
-              description: "Sub-second query response times across petabytes of data with optimized indexing and caching.",
-            },
-            {
-              icon: Network,
-              title: "API Integration",
-              description: "Seamless integration with your existing data infrastructure and third-party systems.",
-            },
-            {
-              icon: Users,
-              title: "Collaborative Platform",
-              description: "Real-time collaboration tools for teams to analyze, visualize, and share critical intelligence.",
+              id: "3",              label: "Enterprise",              title: "Enterprise Integration",              items: [
+                "Seamless API integration",                "Data connectors",                "Custom workflows"],
             },
           ]}
           animationType="slide-up"
-          buttons={[
-            {
-              text: "Explore Platform",
-              href: "https://app.uzrocket.com",
-            },
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="about" data-section="about">
-        <AboutMetric
-          title="Powering Intelligence Operations Across Global Enterprises - From Advanced Defense to Healthcare Analytics"
-          useInvertedBackground={false}
-          metrics={[
-            {
-              icon: Globe,
-              label: "Countries Served",
-              value: "75+",
-            },
-            {
-              icon: Building2,
-              label: "Enterprise Clients",
-              value: "500+",
-            },
-            {
-              icon: Database,
-              label: "Data Processed Daily",
-              value: "2.4PB",
-            },
-            {
-              icon: Clock,
-              label: "Uptime SLA",
-              value: "99.99%",
-            },
-          ]}
-          metricsAnimation="slide-up"
-        />
-      </div>
-
-      <div id="product" data-section="product">
-        <ProductCardThree
-          title="Intelligence Solutions"
-          description="Choose the solution that fits your enterprise needs"
-          tag="Available Now"
-          tagIcon={CheckCircle}
-          tagAnimation="slide-up"
+          title="Our Capabilities"
+          description="Powerful features built for enterprise success"
+          tag="Features"
+          tagIcon={Sparkles}
           textboxLayout="default"
           useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="product" data-section="product" className="py-16 md:py-24">
+        <PricingCardTwo
+          plans={[
+            {
+              id: "1",              badge: "Starter",              badgeIcon: Sparkles,
+              price: "$29/mo",              subtitle: "Perfect for small teams",              buttons: [
+                { text: "Get Started", href: "https://calendly.com" },
+                { text: "Learn More", href: "#" },
+              ],
+              features: [
+                "Up to 10 team members",                "100GB storage",                "Basic analytics",                "Email support"],
+            },
+            {
+              id: "2",              badge: "Professional",              badgeIcon: CheckCircle,
+              price: "$99/mo",              subtitle: "For growing businesses",              buttons: [
+                { text: "Get Started", href: "https://calendly.com" },
+                { text: "Learn More", href: "#" },
+              ],
+              features: [
+                "Up to 50 team members",                "1TB storage",                "Advanced analytics",                "Priority support"],
+            },
+            {
+              id: "3",              badge: "Enterprise",              badgeIcon: Users,
+              price: "Custom",              subtitle: "For large organizations",              buttons: [
+                { text: "Contact Sales", href: "https://calendly.com" },
+                { text: "Learn More", href: "#" },
+              ],
+              features: [
+                "Unlimited team members",                "Unlimited storage",                "Custom integrations",                "24/7 support"],
+            },
+          ]}
+          animationType="slide-up"
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your needs"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="team" data-section="team" className="py-16 md:py-24">
+        <TeamCardOne
+          members={[
+            {
+              id: "1",              name: "Sophie P.",              role: "CEO & Co-founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-exec-1773081801620-288aecb8.png"},
+            {
+              id: "2",              name: "Alex M.",              role: "CTO & Co-founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-male-busine-1773081801810-0e2bcd6b.png"},
+            {
+              id: "3",              name: "Jordan L.",              role: "VP of Product",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-scie-1773081802229-5381e6e3.png"},
+          ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
-          products={[
-            {
-              id: "1",
-              name: "Realtime Analytics Engine",
-              price: "$50K",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-futuristic-analytics-engine-visualizat-1773081804919-d6f9deca.png",
-              imageAlt: "Analytics Engine",
-            },
-            {
-              id: "2",
-              name: "Predictive Intelligence Module",
-              price: "$75K",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/an-illustration-of-predictive-ai-and-mac-1773081803184-811138e3.png",
-              imageAlt: "Predictive Module",
-            },
-            {
-              id: "3",
-              name: "Enterprise Integration Suite",
-              price: "$100K",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-visual-representation-of-enterprise-sy-1773081803449-ac8d31f2.png",
-              imageAlt: "Integration Suite",
-            },
-          ]}
+          title="Meet Our Team"
+          description="The talented people behind UzRocket"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardTwo
-          title="Performance at Scale"
-          description="UzRocket's infrastructure handles massive workloads with precision and reliability"
-          tag="System Metrics"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            {
-              id: "1",
-              value: "<100ms",
-              description: "Average Query Response",
-            },
-            {
-              id: "2",
-              value: "99.99%",
-              description: "Platform Availability",
-            },
-            {
-              id: "3",
-              value: "1M+",
-              description: "Events Per Second",
-            },
-            {
-              id: "4",
-              value: "256GB",
-              description: "Max Query Memory",
-            },
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTen
-          title="Trusted by Industry Leaders"
-          description="See how enterprise organizations are transforming their operations with UzRocket"
-          tag="Case Studies"
-          tagIcon={Award}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
+      <div id="testimonials" data-section="testimonials" className="py-16 md:py-24">
+        <TestimonialCardOne
           testimonials={[
             {
-              id: "1",
-              title: "Reduced Decision Time by 80%",
-              quote: "UzRocket transformed our intelligence operations. What used to take weeks now happens in hours. The real-time analytics have given us a competitive edge we couldn't have imagined.",
-              name: "Alexandra Chen",
-              role: "Chief Intelligence Officer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-exec-1773081801620-288aecb8.png?_wi=1",
-              imageAlt: "Alexandra Chen",
-            },
+              id: "1",              name: "Alisa Hester",              role: "PM, Hourglass",              company: "Web Design Agency",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-exec-1773081801620-288aecb8.png"},
             {
-              id: "2",
-              title: "Seamless Enterprise Integration",
-              quote: "The API integration was flawless. Within two weeks, we had UzRocket connected to all our data sources. The platform's scalability handles our massive datasets without breaking a sweat.",
-              name: "Marcus Johnson",
-              role: "VP of Data Engineering",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-male-busine-1773081801810-0e2bcd6b.png?_wi=1",
-              imageAlt: "Marcus Johnson",
-            },
+              id: "2",              name: "Marcus Chen",              role: "CEO, TechStart",              company: "Technology Startup",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-male-busine-1773081801810-0e2bcd6b.png"},
             {
-              id: "3",
-              title: "Enterprise-Grade Security & Compliance",
-              quote: "Security was our top concern. UzRocket exceeded all our compliance requirements and their security team is incredibly responsive. We feel confident storing our most sensitive data here.",
-              name: "Dr. Sarah Patel",
-              role: "Chief Security Officer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-scie-1773081802229-5381e6e3.png?_wi=1",
-              imageAlt: "Dr. Sarah Patel",
-            },
-            {
-              id: "4",
-              title: "Predictive Accuracy That Drives ROI",
-              quote: "The machine learning models are remarkably accurate. We've improved our forecasting by 45% and that directly impacted our bottom line. This is the intelligence platform we've been waiting for.",
-              name: "James Wellington",
-              role: "Chief Analytics Officer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-male-busine-1773081802024-20b009ff.png",
-              imageAlt: "James Wellington",
-            },
-            {
-              id: "5",
-              title: "Support Team Excellence",
-              quote: "The support is outstanding. Whenever we need help, the team responds within hours with solutions. This level of service is rare in the enterprise software space.",
-              name: "Elena Rodriguez",
-              role: "Director of Operations",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-busi-1773081802525-b2e4712e.png",
-              imageAlt: "Elena Rodriguez",
-            },
-            {
-              id: "6",
-              title: "Total Cost of Ownership Winner",
-              quote: "UzRocket's pricing model is transparent and we've saved 60% compared to our previous solution. Better performance, better support, better price. Easy choice.",
-              name: "David Kim",
-              role: "CFO",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-male-cfo-or-1773081802486-259b13bb.png",
-              imageAlt: "David Kim",
-            },
+              id: "3",              name: "Sarah Johnson",              role: "Director, DataCorp",              company: "Data Analytics Firm",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/a-professional-headshot-of-a-female-scie-1773081802229-5381e6e3.png"},
           ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="What Our Customers Say"
+          description="Real feedback from our valued customers"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq" className="py-16 md:py-24">
+        <FaqSplitMedia
+          faqs={[
+            {
+              id: "1",              title: "How do I get started?",              content: "Getting started is simple. Sign up for a free trial, configure your data sources, and start analyzing within minutes."},
+            {
+              id: "2",              title: "What support do you offer?",              content: "We offer email support, live chat, and comprehensive documentation. Enterprise customers get 24/7 phone support."},
+            {
+              id: "3",              title: "Is my data secure?",              content: "Yes. We use military-grade encryption, SOC 2 Type II compliance, and regular security audits to protect your data."},
+            {
+              id: "4",              title: "Can I integrate with my existing tools?",              content: "Absolutely. We support integrations with 500+ popular business tools and custom API connections."},
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiiLSn6emFlr0IHxU2zlve30em/placeholder-image-1773081801620-288aecb8.png"
+          imageAlt="FAQ illustration"
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about UzRocket"
+          tag="Help"
+          tagIcon={HelpCircle}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          faqsAnimation="slide-up"
+          mediaPosition="left"
+        />
+      </div>
+
+      <div id="contact" data-section="contact" className="py-16 md:py-24">
+        <ContactCenter
+          tag="Get Started"
+          title="Ready to transform your enterprise?"
+          description="Join thousands of companies using UzRocket to make smarter decisions faster. Start your free trial today."
+          tagIcon={MessageSquare}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttonText="Sign Up Now"
+          termsText="By signing up, you agree to our Terms of Service and Privacy Policy."
         />
       </div>
 
@@ -351,4 +259,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}