From 03c9333e01c6f7f2f1529718e78b9c625be71171 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 18:25:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 263 +++++++----------------------------------------
 1 file changed, 38 insertions(+), 225 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 09d22ac..f822251 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,91 +31,39 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Process",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Results",
-          id: "#results",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
+        { name: "Process", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Results", id: "#results" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="DesignFirst"
-      button={{
-        text: "Start Project",
-        href: "#contact",
-      }}
+      button={{ text: "Start Project", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Design-First Development, Powered by AI"
       description="We combine human creativity with intelligent automation to deliver stunning digital products faster. Your vision, refined and built in weeks, not months."
-      buttons={[
-        {
-          text: "See Our Process",
-          href: "#about",
-        },
-      ]}
+      buttons={[{ text: "See Our Process", href: "#about" }]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797625.jpg"
       imageAlt="AI-powered design agency workspace"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg", alt: "Client 5" }
       ]}
       avatarText="Trusted by 500+ growth-stage founders"
       marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Enhanced Development",
-        },
-        {
-          type: "text",
-          text: "Rapid Prototyping",
-        },
-        {
-          type: "text",
-          text: "Design-First Workflow",
-        },
-        {
-          type: "text",
-          text: "Scalable Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Predictive Scaling",
-        },
+        { type: "text", text: "AI-Enhanced Development" },
+        { type: "text", text: "Rapid Prototyping" },
+        { type: "text", text: "Design-First Workflow" },
+        { type: "text", text: "Scalable Infrastructure" },
+        { type: "text", text: "Predictive Scaling" }
       ]}
     />
   </div>
@@ -124,23 +72,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "TechFlow",
-        "InnovateX",
-        "GrowthScale",
-        "CloudPulse",
-        "DataSphere",
-        "NexGen",
-        "VisionaryAI",
-      ]}
+      names={["TechFlow", "InnovateX", "GrowthScale", "CloudPulse", "DataSphere", "NexGen", "VisionaryAI"]}
       logos={[
-        "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1x4tso",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wq19ic",
-        "http://img.b2bpic.net/free-vector/gradient-i-letter-logo-template_23-2149380647.jpg",
-        "http://img.b2bpic.net/free-vector/gradient-texture-technology-badges_23-2149076455.jpg",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8u02v4",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8a6bw",
+        "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1x4tso",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wq19ic",        "http://img.b2bpic.net/free-vector/gradient-i-letter-logo-template_23-2149380647.jpg",        "http://img.b2bpic.net/free-vector/gradient-texture-technology-badges_23-2149076455.jpg",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8u02v4",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8a6bw"
       ]}
       title="Trusted by Growth-Stage Leaders"
       description="Partnering with innovative companies to build scalable digital futures."
@@ -166,36 +100,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          label: "UI/UX",
-          title: "Rapid Prototyping",
-          items: [
-            "AI-driven component generation",
-            "User-centric design systems",
-            "High-fidelity mockups",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Dev",
-          title: "Agile Build Cycles",
-          items: [
-            "Automated frontend scaffolding",
-            "Continuous integration pipelines",
-            "Scalable backend architecture",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Ops",
-          title: "Predictive Scaling",
-          items: [
-            "Performance monitoring",
-            "Automated QA testing",
-            "Cloud-native infrastructure",
-          ],
-        },
+        { id: "f1", label: "UI/UX", title: "Rapid Prototyping", items: ["AI-driven component generation", "User-centric design systems", "High-fidelity mockups"] },
+        { id: "f2", label: "Dev", title: "Agile Build Cycles", items: ["Automated frontend scaffolding", "Continuous integration pipelines", "Scalable backend architecture"] },
+        { id: "f3", label: "Ops", title: "Predictive Scaling", items: ["Performance monitoring", "Automated QA testing", "Cloud-native infrastructure"] }
       ]}
       title="Supercharged Development Capabilities"
       description="Built for speed without compromising quality, our AI-enhanced services provide the best of both worlds."
@@ -206,28 +113,11 @@ export default function LandingPage() {
       <MetricCardTen
       animationType="slide-up"
       useInvertedBackground={false}
+      textboxLayout="default"
       metrics={[
-        {
-          id: "m1",
-          title: "Time to Market",
-          subtitle: "Average launch acceleration",
-          category: "Efficiency",
-          value: "3x",
-        },
-        {
-          id: "m2",
-          title: "Design Quality",
-          subtitle: "Average stakeholder approval",
-          category: "Creativity",
-          value: "98%",
-        },
-        {
-          id: "m3",
-          title: "Development Costs",
-          subtitle: "Savings vs traditional agencies",
-          category: "ROI",
-          value: "40%",
-        },
+        { id: "m1", title: "Time to Market", subtitle: "Average launch acceleration", category: "Efficiency", value: "3x" },
+        { id: "m2", title: "Design Quality", subtitle: "Average stakeholder approval", category: "Creativity", value: "98%" },
+        { id: "m3", title: "Development Costs", subtitle: "Savings vs traditional agencies", category: "ROI", value: "40%" }
       ]}
       title="Measurable Impact"
       description="Our AI-powered workflow delivers tangible advantages to our clients."
@@ -237,43 +127,14 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
       textboxLayout="default"
+      animationType="slide-up"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "The speed at which they delivered our MVP was incredible. The design quality is unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "AI-powered workflows have changed how we think about product development. Truly innovative.",
-          imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@erodriguez",
-          testimonial: "They balanced our aesthetic needs with technical scalability perfectly. Amazing team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Transparent processes and fast delivery. Exactly what our startup needed to hit our milestones.",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          handle: "@jlee",
-          testimonial: "Highly recommended for any mid-market company looking for a modern digital solution.",
-          imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The speed at which they delivered our MVP was incredible. The design quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg" },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "AI-powered workflows have changed how we think about product development. Truly innovative.", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
+        { id: "3", name: "Emily Rodriguez", handle: "@erodriguez", testimonial: "They balanced our aesthetic needs with technical scalability perfectly. Amazing team.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg" },
+        { id: "4", name: "David Kim", handle: "@dkim", testimonial: "Transparent processes and fast delivery. Exactly what our startup needed to hit our milestones.", imageSrc: "http://img.b2bpic.net/free-photo/women-working-office-together_23-2147651543.jpg" },
+        { id: "5", name: "Jessica Lee", handle: "@jlee", testimonial: "Highly recommended for any mid-market company looking for a modern digital solution.", imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg" }
       ]}
       title="Loved by Founders & Directors"
       description="Hear what our partners have to say about the DesignFirst approach."
@@ -284,26 +145,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How does AI impact the design process?",
-          content: "AI helps us automate repetitive tasks, like layout generation and asset optimization, freeing our designers to focus on high-level strategy and creative vision.",
-        },
-        {
-          id: "q2",
-          title: "What is the typical project timeline?",
-          content: "Our AI-powered workflow allows us to deliver high-quality MVPs and digital products in 4-8 weeks, depending on complexity.",
-        },
-        {
-          id: "q3",
-          title: "Do you work with mid-market companies?",
-          content: "Yes, we specialize in partnering with growth-stage companies that need rapid, high-quality digital solutions to scale.",
-        },
-        {
-          id: "q4",
-          title: "Is the design quality sacrificed for speed?",
-          content: "Absolutely not. In fact, our AI tools improve quality by reducing human error and allowing for more rapid design iterations.",
-        },
+        { id: "q1", title: "How does AI impact the design process?", content: "AI helps us automate repetitive tasks, like layout generation and asset optimization, freeing our designers to focus on high-level strategy and creative vision." },
+        { id: "q2", title: "What is the typical project timeline?", content: "Our AI-powered workflow allows us to deliver high-quality MVPs and digital products in 4-8 weeks, depending on complexity." },
+        { id: "q3", title: "Do you work with mid-market companies?", content: "Yes, we specialize in partnering with growth-stage companies that need rapid, high-quality digital solutions to scale." },
+        { id: "q4", title: "Is the design quality sacrificed for speed?", content: "Absolutely not. In fact, our AI tools improve quality by reducing human error and allowing for more rapid design iterations." }
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about our AI-enhanced design process."
@@ -315,40 +160,8 @@ export default function LandingPage() {
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/modern-3d-black-paper-style-background_24972-2019.jpg"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Results",
-              href: "#results",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Results", href: "#results" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
       ]}
       logoText="DesignFirst"
       copyrightText="© 2025 DesignFirst Agency. All rights reserved."
-- 
2.49.1