From ccdafd1821c9b7cad33b31a86e843f21c6518b3f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 06:01:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 211 ++++++++++-------------------------------------
 1 file changed, 43 insertions(+), 168 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7f8a67a..b50efff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Usta"
     />
@@ -55,62 +47,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Build Apps at the Speed of Thought"
       description="Usta is your AI-powered companion for rapid application development. From ideation to production, build anything in minutes."
       tag="Revolutionizing Software Development"
       buttons={[
         {
-          text: "Start Building",
-          href: "#",
-        },
+          text: "Start Building",          href: "#"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg"
       imageAlt="AI Builder Platform"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-connecting-lines-dots_1048-11639.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-connecting-lines-dots_1048-11639.jpg",          alt: "User avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/abstract-orange-glowing-lines-background_1017-3201.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/abstract-orange-glowing-lines-background_1017-3201.jpg",          alt: "User avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",          alt: "User avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",          alt: "User avatar"},
         {
-          src: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg",          alt: "User avatar"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Next.js",
-        },
+          type: "text",          text: "Next.js"},
         {
-          type: "text",
-          text: "TypeScript",
-        },
+          type: "text",          text: "TypeScript"},
         {
-          type: "text",
-          text: "Tailwind CSS",
-        },
+          type: "text",          text: "Tailwind CSS"},
         {
-          type: "text",
-          text: "Supabase",
-        },
+          type: "text",          text: "Supabase"},
         {
-          type: "text",
-          text: "PostgreSQL",
-        },
+          type: "text",          text: "PostgreSQL"},
       ]}
     />
   </div>
@@ -123,17 +92,11 @@ export default function LandingPage() {
       description="Stop struggling with boilerplate and infrastructure. Usta abstracts the complexity, allowing you to focus on the business logic while our AI handles the architecture."
       bulletPoints={[
         {
-          title: "Zero Setup Time",
-          description: "Start coding instantly with our pre-configured environments.",
-        },
+          title: "Zero Setup Time",          description: "Start coding instantly with our pre-configured environments."},
         {
-          title: "Intelligent Generation",
-          description: "Leverage LLMs to write, debug, and optimize your application logic.",
-        },
+          title: "Intelligent Generation",          description: "Leverage LLMs to write, debug, and optimize your application logic."},
         {
-          title: "Scale Instantly",
-          description: "From prototype to global scale with a single click deployment.",
-        },
+          title: "Scale Instantly",          description: "From prototype to global scale with a single click deployment."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592306.jpg"
       imageAlt="Usta platform interface"
@@ -147,26 +110,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Smart Coding",
-          subtitle: "AI-assisted completion.",
-          category: "AI",
-          value: "High",
-        },
+          id: "f1",          title: "Smart Coding",          subtitle: "AI-assisted completion.",          category: "AI",          value: "High"},
         {
-          id: "f2",
-          title: "Auto-Deployment",
-          subtitle: "Ship with one click.",
-          category: "Ops",
-          value: "Instant",
-        },
+          id: "f2",          title: "Auto-Deployment",          subtitle: "Ship with one click.",          category: "Ops",          value: "Instant"},
         {
-          id: "f3",
-          title: "Secure Infrastructure",
-          subtitle: "Enterprise grade security.",
-          category: "Security",
-          value: "Built-in",
-        },
+          id: "f3",          title: "Secure Infrastructure",          subtitle: "Enterprise grade security.",          category: "Security",          value: "Built-in"},
       ]}
       title="Features That Empower You"
       description="Everything you need to ship world-class software."
@@ -178,14 +126,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "TechCorp",
-        "Innovate",
-        "SpeedBuild",
-        "StartNow",
-        "GrowthLabs",
-        "CloudSystems",
-        "LogicAI",
-      ]}
+        "TechCorp",        "Innovate",        "SpeedBuild",        "StartNow",        "GrowthLabs",        "CloudSystems",        "LogicAI"]}
       title="Used by 1000+ Teams"
       description="Trusted by innovative engineering teams worldwide."
     />
@@ -193,30 +134,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "10x",
-          title: "Faster Delivery",
-          description: "Faster than traditional methods.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg",
-        },
+          id: "m1",          value: "10x",          title: "Faster Delivery",          description: "Faster than traditional methods.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg"},
         {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Always ready when you are.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-computer-chatting-with-ai-assistant_482257-122996.jpg",
-        },
+          id: "m2",          value: "99.9%",          title: "Uptime",          description: "Always ready when you are.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-computer-chatting-with-ai-assistant_482257-122996.jpg"},
         {
-          id: "m3",
-          value: "5M+",
-          title: "Apps Built",
-          description: "Proved by our global community.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328075.jpg",
-        },
+          id: "m3",          value: "5M+",          title: "Apps Built",          description: "Proved by our global community.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328075.jpg"},
       ]}
       title="The Numbers Don't Lie"
       description="Our platform has accelerated development for thousands."
@@ -229,45 +156,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          title: "Amazing Tool",
-          quote: "Usta has changed how we build.",
-          name: "Sarah J.",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg",
-        },
+          id: "t1",          title: "Amazing Tool",          quote: "Usta has changed how we build.",          name: "Sarah J.",          role: "CTO",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg"},
         {
-          id: "t2",
-          title: "Life Saver",
-          quote: "Finally, a platform that understands developers.",
-          name: "Mike D.",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
-        },
+          id: "t2",          title: "Life Saver",          quote: "Finally, a platform that understands developers.",          name: "Mike D.",          role: "Developer",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg"},
         {
-          id: "t3",
-          title: "Incredible Speed",
-          quote: "Built my startup in 48 hours.",
-          name: "Elena R.",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
-        },
+          id: "t3",          title: "Incredible Speed",          quote: "Built my startup in 48 hours.",          name: "Elena R.",          role: "Founder",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
         {
-          id: "t4",
-          title: "Best in Class",
-          quote: "Unmatched developer experience.",
-          name: "John K.",
-          role: "Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
+          id: "t4",          title: "Best in Class",          quote: "Unmatched developer experience.",          name: "John K.",          role: "Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
         {
-          id: "t5",
-          title: "Game Changer",
-          quote: "I can't imagine building without Usta now.",
-          name: "Alice T.",
-          role: "Product Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
-        },
+          id: "t5",          title: "Game Changer",          quote: "I can't imagine building without Usta now.",          name: "Alice T.",          role: "Product Lead",          imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg"},
       ]}
       title="Love from Our Community"
       description="Don't just take our word for it."
@@ -280,20 +177,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "What is Usta?",
-          content: "Usta is an AI platform to build applications.",
-        },
+          id: "q1",          title: "What is Usta?",          content: "Usta is an AI platform to build applications."},
         {
-          id: "q2",
-          title: "Is it free?",
-          content: "We have a generous free tier.",
-        },
+          id: "q2",          title: "Is it free?",          content: "We have a generous free tier."},
         {
-          id: "q3",
-          title: "How do I start?",
-          content: "Just sign up and follow our quick tutorial.",
-        },
+          id: "q3",          title: "How do I start?",          content: "Just sign up and follow our quick tutorial."},
       ]}
       title="Frequently Asked Questions"
       description="Common questions about Usta."
@@ -305,14 +193,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready to get started with Usta? Let's build the future together."
       buttons={[
         {
-          text: "Contact Support",
-          href: "#",
-        },
+          text: "Contact Support",          href: "#"},
       ]}
     />
   </div>
@@ -323,29 +208,19 @@ export default function LandingPage() {
       logoText="Usta"
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#",
-            },
+              label: "Pricing",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1