From 390938cbac1601d6d2f2f86cddea722719641903 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 08:56:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 219 +++++++++++------------------------------------
 1 file changed, 48 insertions(+), 171 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c3ef779..d565f86 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,64 +34,41 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DamageAI"
       button={{
-        text: "Get Estimate",
-        href: "#contact",
-      }}
+        text: "Get Estimate",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Instant AI Damage Estimation"
       description="Revolutionizing insurance claims with millisecond accuracy and interactive 3D damage visualization."
       buttons={[
         {
-          text: "Start Estimate",
-          href: "#contact",
-        },
+          text: "Start Estimate",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-health-security-data-protection-concept_84443-83688.jpg",
-          imageAlt: "car damage analysis dashboard",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/digital-health-security-data-protection-concept_84443-83688.jpg",          imageAlt: "car damage analysis dashboard"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg",
-          imageAlt: "car digital scan ai",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg",          imageAlt: "car digital scan ai"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/secured-access-accessibility-analysising-browsing-concept_53876-120318.jpg",
-          imageAlt: "car body repair interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/secured-access-accessibility-analysising-browsing-concept_53876-120318.jpg",          imageAlt: "car body repair interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-expert-presenting-firewall-security-status_23-2152004096.jpg",
-          imageAlt: "Cybersecurity expert presenting firewall security status",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-expert-presenting-firewall-security-status_23-2152004096.jpg",          imageAlt: "Cybersecurity expert presenting firewall security status"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/rpa-concept-with-geometric-shapes-bright-light_23-2149311908.jpg",
-          imageAlt: "Rpa concept with geometric shapes and bright light",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/rpa-concept-with-geometric-shapes-bright-light_23-2149311908.jpg",          imageAlt: "Rpa concept with geometric shapes and bright light"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -114,34 +91,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          label: "Fast",
-          title: "Instant Turnaround",
-          items: [
-            "Real-time analysis",
-            "Automated reporting",
-            "Instant estimate generation",
-          ],
+          id: "f1",          label: "Fast",          title: "Instant Turnaround",          items: [
+            "Real-time analysis",            "Automated reporting",            "Instant estimate generation"],
         },
         {
-          id: "f2",
-          label: "Precise",
-          title: "Deep Analysis",
-          items: [
-            "Surface dent detection",
-            "Frame integrity checks",
-            "Internal damage prediction",
-          ],
+          id: "f2",          label: "Precise",          title: "Deep Analysis",          items: [
+            "Surface dent detection",            "Frame integrity checks",            "Internal damage prediction"],
         },
         {
-          id: "f3",
-          label: "Integrated",
-          title: "Seamless Workflow",
-          items: [
-            "API first design",
-            "CRM integration",
-            "Multi-party support",
-          ],
+          id: "f3",          label: "Integrated",          title: "Seamless Workflow",          items: [
+            "API first design",            "CRM integration",            "Multi-party support"],
         },
       ]}
       title="Unrivaled Diagnostic Capabilities"
@@ -153,25 +112,17 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="slide-up"
       metrics={[
         {
-          id: "m1",
-          icon: Zap,
-          title: "Speed",
-          value: "95%",
-        },
+          id: "m1",          icon: Zap,
+          title: "Speed",          value: "95%"},
         {
-          id: "m2",
-          icon: Shield,
-          title: "Accuracy",
-          value: "99.2%",
-        },
+          id: "m2",          icon: Shield,
+          title: "Accuracy",          value: "99.2%"},
         {
-          id: "m3",
-          icon: Star,
-          title: "User Rating",
-          value: "4.9/5",
-        },
+          id: "m3",          icon: Star,
+          title: "User Rating",          value: "4.9/5"},
       ]}
       title="Proven Impact"
       description="Data-driven results for carriers."
@@ -185,37 +136,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Essential",
-          price: "$999/mo",
-          subtitle: "For small agencies",
-          buttons: [
+          id: "basic",          badge: "Essential",          price: "$999/mo",          subtitle: "For small agencies",          buttons: [
             {
-              text: "Select",
-              href: "#",
-            },
+              text: "Select",              href: "#"},
           ],
           features: [
-            "50 estimates/mo",
-            "Basic support",
-          ],
+            "50 estimates/mo",            "Basic support"],
         },
         {
-          id: "pro",
-          badge: "Premium",
-          price: "$2999/mo",
-          subtitle: "For large carriers",
-          buttons: [
+          id: "pro",          badge: "Premium",          price: "$2999/mo",          subtitle: "For large carriers",          buttons: [
             {
-              text: "Select",
-              href: "#",
-            },
+              text: "Select",              href: "#"},
           ],
           features: [
-            "Unlimited estimates",
-            "Priority support",
-            "Custom API",
-          ],
+            "Unlimited estimates",            "Priority support",            "Custom API"],
         },
       ]}
       title="Flexible Enterprise Plans"
@@ -228,14 +162,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "InsureCorp",
-        "RiskSolutions",
-        "AutoGuard",
-        "SafeDrive",
-        "CoveragePro",
-        "SurePath",
-        "VisionClaims",
-      ]}
+        "InsureCorp",        "RiskSolutions",        "AutoGuard",        "SafeDrive",        "CoveragePro",        "SurePath",        "VisionClaims"]}
       title="Trusted Industry Leaders"
       description="Partnering with the best in insurance."
     />
@@ -248,40 +175,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "VP Operations",
-          testimonial: "Reduced our claims processing time by 80%.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",
-        },
+          id: "t1",          name: "Sarah Miller",          role: "VP Operations",          testimonial: "Reduced our claims processing time by 80%.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg"},
         {
-          id: "t2",
-          name: "David Zhou",
-          role: "Claims Lead",
-          testimonial: "The precision is unmatched. Simply incredible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/optimistic-man-black-jacket-holds-glasses-shows-sign-peace_197531-26663.jpg",
-        },
+          id: "t2",          name: "David Zhou",          role: "Claims Lead",          testimonial: "The precision is unmatched. Simply incredible.",          imageSrc: "http://img.b2bpic.net/free-photo/optimistic-man-black-jacket-holds-glasses-shows-sign-peace_197531-26663.jpg"},
         {
-          id: "t3",
-          name: "Jane Doe",
-          role: "IT Director",
-          testimonial: "Seamless integration into our existing stack.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg",
-        },
+          id: "t3",          name: "Jane Doe",          role: "IT Director",          testimonial: "Seamless integration into our existing stack.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg"},
         {
-          id: "t4",
-          name: "Bob Smith",
-          role: "Analyst",
-          testimonial: "Game changer for our adjuster team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/executives-preparing-meeting_1098-678.jpg",
-        },
+          id: "t4",          name: "Bob Smith",          role: "Analyst",          testimonial: "Game changer for our adjuster team.",          imageSrc: "http://img.b2bpic.net/free-photo/executives-preparing-meeting_1098-678.jpg"},
         {
-          id: "t5",
-          name: "Alice Wong",
-          role: "Founder",
-          testimonial: "Reliable, fast, and remarkably intelligent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
-        },
+          id: "t5",          name: "Alice Wong",          role: "Founder",          testimonial: "Reliable, fast, and remarkably intelligent.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg"},
       ]}
       title="Carrier Experiences"
       description="Why leaders choose DamageAI."
@@ -294,20 +196,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "How fast is it?",
-          content: "Millisecond latency for image processing.",
-        },
+          id: "q1",          title: "How fast is it?",          content: "Millisecond latency for image processing."},
         {
-          id: "q2",
-          title: "Is it accurate?",
-          content: "99.2% accuracy in testing environments.",
-        },
+          id: "q2",          title: "Is it accurate?",          content: "99.2% accuracy in testing environments."},
         {
-          id: "q3",
-          title: "Integration?",
-          content: "Yes, REST API documentation available.",
-        },
+          id: "q3",          title: "Integration?",          content: "Yes, REST API documentation available."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/female-programmer-scanning-her-face-with-biometric-security-technology-virtual-screen-digital-remix_53876-104936.jpg"
       title="Common Inquiries"
@@ -323,16 +216,10 @@ export default function LandingPage() {
       description="Ready to transform claims? Connect today."
       inputs={[
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email address",          required: true,
         },
         {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Name",          required: true,
         },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/audio-headset-used-by-call-center-agents-help-clients-telecommunication-with-technology-empty-customer-service-workstation-with-headphones-computers-modern-gadgets_482257-40834.jpg"
@@ -343,29 +230,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "API",
-              href: "#",
-            },
+              label: "API",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}