From a246f63a8c0c0854d177a4eba71ed98b52ed2f3c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 17:24:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 336 +++++++----------------------------------------
 1 file changed, 46 insertions(+), 290 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 57b2115..b850c3a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Overview",
-          id: "hero",
-        },
-        {
-          name: "Capabilities",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Support",
-          id: "faq",
-        },
+        { name: "Overview", id: "hero" },
+        { name: "Capabilities", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Support", id: "faq" },
       ]}
       brandName="Aura AI"
     />
@@ -55,73 +43,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Intelligence, Elevated."
       description="The next generation of AI tools, designed for precision, speed, and elegance. Experience the future of work."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-        {
-          text: "Watch Demo",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#" }, { text: "Watch Demo", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-3d-shapes-background_1017-3741.jpg"
       imageAlt="Aura AI Interface"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-woman-looking-away_23-2148398474.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
-          alt: "Team member 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg", alt: "Team member 1" },
+        { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Team member 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg", alt: "Team member 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-confident-woman-looking-away_23-2148398474.jpg", alt: "Team member 4" },
+        { src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg", alt: "Team member 5" }
       ]}
       avatarText="Trusted by 10,000+ pioneers."
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Real-time AI",
-          icon: Zap,
-        },
-        {
-          type: "text-icon",
-          text: "Cloud Native",
-          icon: Cloud,
-        },
-        {
-          type: "text-icon",
-          text: "Enterprise Ready",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "Global Scale",
-          icon: Globe,
-        },
-        {
-          type: "text-icon",
-          text: "Seamless API",
-          icon: Code,
-        },
+        { type: "text-icon", text: "Real-time AI", icon: Zap },
+        { type: "text-icon", text: "Cloud Native", icon: Cloud },
+        { type: "text-icon", text: "Enterprise Ready", icon: Shield },
+        { type: "text-icon", text: "Global Scale", icon: Globe },
+        { type: "text-icon", text: "Seamless API", icon: Code },
       ]}
     />
   </div>
@@ -131,12 +73,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Built for Clarity."
       description="We stripped away the complexity, leaving only the power of advanced AI. Aura works seamlessly with your existing workflow."
-      buttons={[
-        {
-          text: "Read the story",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Read the story", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/data-center-computer-scientist-analyzing-software-logs-metrics-pc_482257-126209.jpg"
       imageAlt="About Aura AI"
     />
@@ -144,39 +81,13 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardTwelve
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          label: "Speed",
-          title: "Real-time Processing",
-          items: [
-            "Instant insights.",
-            "Sub-millisecond latency.",
-            "Scalable infrastructure.",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Security",
-          title: "Zero-Trust AI",
-          items: [
-            "End-to-end encryption.",
-            "Compliant data handling.",
-            "Privacy-first model.",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Integration",
-          title: "Seamless Workflows",
-          items: [
-            "Native API support.",
-            "Plug-and-play modules.",
-            "Cross-platform synergy.",
-          ],
-        },
+        { id: "f1", label: "Speed", title: "Real-time Processing", items: ["Instant insights.", "Sub-millisecond latency.", "Scalable infrastructure."] },
+        { id: "f2", label: "Security", title: "Zero-Trust AI", items: ["End-to-end encryption.", "Compliant data handling.", "Privacy-first model."] },
+        { id: "f3", label: "Integration", title: "Seamless Workflows", items: ["Native API support.", "Plug-and-play modules.", "Cross-platform synergy."] }
       ]}
       title="Powerful Beyond Measure."
       description="Explore features crafted to enhance every facet of your digital ecosystem."
@@ -185,25 +96,14 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "Uptime Accuracy",
-        },
-        {
-          id: "m2",
-          value: "500ms",
-          description: "Avg Response Time",
-        },
-        {
-          id: "m3",
-          value: "100M+",
-          description: "Queries Processed",
-        },
+        { id: "m1", value: "99.9%", description: "Uptime Accuracy" },
+        { id: "m2", value: "500ms", description: "Avg Response Time" },
+        { id: "m3", value: "100M+", description: "Queries Processed" }
       ]}
       title="Numbers That Matter."
       description="Proven performance, measured with absolute precision."
@@ -212,63 +112,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSixteen
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alice Chen",
-          role: "CTO",
-          company: "TechVision",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Smith",
-          role: "Lead Engineer",
-          company: "DataHub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-posing_23-2149457761.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie Day",
-          role: "Founder",
-          company: "InnovateNow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-background-with-lines_1361-3533.jpg",
-        },
-        {
-          id: "t4",
-          name: "Diana Ross",
-          role: "UX Lead",
-          company: "PixelCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg",
-        },
-        {
-          id: "t5",
-          name: "Edward Norton",
-          role: "Product Lead",
-          company: "Streamline",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
-        },
+        { id: "t1", name: "Alice Chen", role: "CTO", company: "TechVision", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg" },
+        { id: "t2", name: "Bob Smith", role: "Lead Engineer", company: "DataHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-posing_23-2149457761.jpg" },
+        { id: "t3", name: "Charlie Day", role: "Founder", company: "InnovateNow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-background-with-lines_1361-3533.jpg" },
+        { id: "t4", name: "Diana Ross", role: "UX Lead", company: "PixelCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg" },
+        { id: "t5", name: "Edward Norton", role: "Product Lead", company: "Streamline", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "1.2k+",
-          label: "Happy Clients",
-        },
-        {
-          value: "150+",
-          label: "Countries",
-        },
+        { value: "4.9/5", label: "Avg Rating" },
+        { value: "1.2k+", label: "Happy Clients" },
+        { value: "150+", label: "Countries" }
       ]}
       title="Loved by Pioneers."
       description="The world's most demanding teams trust Aura for their most critical AI initiatives."
@@ -277,59 +134,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardFive
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          tag: "Starter",
-          price: "$49",
-          period: "/mo",
-          description: "For individuals and small experiments.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Essential features",
-          features: [
-            "Core model access",
-            "Community support",
-            "1,000 queries/mo",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Professional",
-          price: "$199",
-          period: "/mo",
-          description: "For scaling teams and businesses.",
-          button: {
-            text: "Go Pro",
-          },
-          featuresTitle: "Professional power",
-          features: [
-            "Advanced model access",
-            "Priority support",
-            "50,000 queries/mo",
-            "Custom API endpoints",
-          ],
-        },
-        {
-          id: "p3",
-          tag: "Enterprise",
-          price: "Custom",
-          period: "",
-          description: "For large organizations with specific needs.",
-          button: {
-            text: "Contact Sales",
-          },
-          featuresTitle: "Unlimited enterprise",
-          features: [
-            "Dedicated model instance",
-            "24/7 priority support",
-            "Unlimited queries",
-            "Custom integration service",
-          ],
-        },
+        { id: "p1", tag: "Starter", price: "$49", period: "/mo", description: "For individuals and small experiments.", button: { text: "Get Started" }, featuresTitle: "Essential features", features: ["Core model access", "Community support", "1,000 queries/mo"] },
+        { id: "p2", tag: "Professional", price: "$199", period: "/mo", description: "For scaling teams and businesses.", button: { text: "Go Pro" }, featuresTitle: "Professional power", features: ["Advanced model access", "Priority support", "50,000 queries/mo", "Custom API endpoints"] },
+        { id: "p3", tag: "Enterprise", price: "Custom", period: "", description: "For large organizations with specific needs.", button: { text: "Contact Sales" }, featuresTitle: "Unlimited enterprise", features: ["Dedicated model instance", "24/7 priority support", "Unlimited queries", "Custom integration service"] }
       ]}
       title="Transparent Pricing."
       description="Scale your AI capabilities with predictable, enterprise-grade tiers."
@@ -341,21 +152,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How is my data used?",
-          content: "Your data remains yours. We prioritize absolute privacy.",
-        },
-        {
-          id: "q2",
-          title: "Do you support custom models?",
-          content: "Yes, we support fine-tuning on your own datasets.",
-        },
-        {
-          id: "q3",
-          title: "Can I integrate via API?",
-          content: "We offer robust, documented REST APIs for all tiers.",
-        },
+        { id: "q1", title: "How is my data used?", content: "Your data remains yours. We prioritize absolute privacy." },
+        { id: "q2", title: "Do you support custom models?", content: "Yes, we support fine-tuning on your own datasets." },
+        { id: "q3", title: "Can I integrate via API?", content: "We offer robust, documented REST APIs for all tiers." }
       ]}
       title="Common Questions."
       description="We've compiled answers to the most common queries about our technology."
@@ -366,16 +165,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       text="Ready to build the future with us?"
-      buttons={[
-        {
-          text: "Schedule a consult",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Schedule a consult", href: "#" }]}
     />
   </div>
 
@@ -383,45 +175,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Aura AI"
       columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "API Reference",
-              href: "#",
-            },
-            {
-              label: "Dashboard",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Platform", items: [{ label: "API Reference", href: "#" }, { label: "Dashboard", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
     />
   </div>
-- 
2.49.1