From 723a21d7557113ff9fb292c0a603af8b7cb213de Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 16:13:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 144 ++++++++++++++++++-----------------------------
 1 file changed, 54 insertions(+), 90 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e8bb1ce..abe9d76 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -44,15 +44,13 @@ export default function LandingPage() {
           title="Ship your MVP in weeks, not months"
           description="We turn your product vision into market-ready software. Transparent process, experienced team, startup-focused delivery."
           background={{ variant: "plain" }}
-          tag="MVP Development"
-          tagIcon={Zap}
+          avatars={[
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png", alt: "MVP development platform dashboard" }
+          ]}
           buttons={[
             { text: "Start your project", href: "contact" },
             { text: "View our work", href: "testimonials" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png"
-          imageAlt="MVP development platform dashboard"
-          mediaAnimation="slide-up"
           buttonAnimation="slide-up"
         />
       </div>
@@ -64,11 +62,12 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-badge-or-stamp-design-rep-1772549676901-195261fb.png"
           imageAlt="Process methodology"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Learn about our process", href: "#" }
+          metrics={[
+            { value: "50+", title: "MVPs Launched" },
+            { value: "4-8 weeks", title: "Average Timeline" }
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -80,26 +79,30 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           features={[
             {
-              title: "Full-Stack Development",              description: "From backend architecture to responsive frontend, we build complete, scalable MVPs using modern tech stacks.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-full-stack-web-d-1772549676836-f67fe53a.png"
+              id: 1,
+              tag: "Development",              title: "Full-Stack Development",              subtitle: "Complete Solutions",              description: "From backend architecture to responsive frontend, we build complete, scalable MVPs using modern tech stacks.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-full-stack-web-d-1772549676836-f67fe53a.png"
             },
             {
-              title: "Rapid Prototyping",              description: "Validate your concept in weeks. We iterate quickly based on feedback to ensure product-market fit.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-rapid-prototyp-1772549676043-790dc1a3.png"
+              id: 2,
+              tag: "Prototyping",              title: "Rapid Prototyping",              subtitle: "Quick Validation",              description: "Validate your concept in weeks. We iterate quickly based on feedback to ensure product-market fit.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-rapid-prototyp-1772549676043-790dc1a3.png"
             },
             {
-              title: "Transparent Process",              description: "Regular updates, clear communication, and predictable timelines. You're never left wondering where your project stands.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-transparent-1772549676346-0ef468aa.png"
+              id: 3,
+              tag: "Communication",              title: "Transparent Process",              subtitle: "Clear Updates",              description: "Regular updates, clear communication, and predictable timelines. You're never left wondering where your project stands.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-transparent-1772549676346-0ef468aa.png"
             },
             {
-              title: "Startup Expertise",              description: "We've built 50+ MVPs for founders just like you. We understand your constraints and priorities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-startup-expertis-1772549678299-71f4942e.png"
+              id: 4,
+              tag: "Expertise",              title: "Startup Expertise",              subtitle: "Experience Proven",              description: "We've built 50+ MVPs for founders just like you. We understand your constraints and priorities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-startup-expertis-1772549678299-71f4942e.png"
             },
             {
-              title: "Post-Launch Support",              description: "Your MVP success doesn't end at launch. We provide onboarding support and optimization guidance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-post-launch-1772549676364-c7ea749f.png"
+              id: 5,
+              tag: "Support",              title: "Post-Launch Support",              subtitle: "Ongoing Help",              description: "Your MVP success doesn't end at launch. We provide onboarding support and optimization guidance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-post-launch-1772549676364-c7ea749f.png"
             },
             {
-              title: "Cost-Effective Solutions",              description: "Fixed pricing models and optimized workflows mean you get maximum value for your development budget.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-cost-effective-1772549676605-358044db.png"
+              id: 6,
+              tag: "Pricing",              title: "Cost-Effective Solutions",              subtitle: "Maximum Value",              description: "Fixed pricing models and optimized workflows mean you get maximum value for your development budget.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-cost-effective-1772549676605-358044db.png"
             }
           ]}
-          gridVariant="two-items-per-row"
-          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
           buttons={[
@@ -117,19 +120,15 @@ export default function LandingPage() {
           tagIcon={TrendingUp}
           plans={[
             {
-              id: "1",              badge: "Popular",              badgeIcon: Sparkles,
-              price: "$50K",              subtitle: "Perfect for MVP launches",              buttons: [
-                { text: "Get Started", href: "#" }
-              ],
-              features: [
+              id: "1",              tag: "Popular",              tagIcon: Sparkles,
+              price: "$50K",              period: "project",              description: "Perfect for MVP launches",              button: { text: "Get Started", href: "#" },
+              featuresTitle: "Included",              features: [
                 "4-8 week delivery",                "Full-stack development",                "2 iteration cycles",                "Post-launch support"
               ]
             },
             {
-              id: "2",              badge: "Enterprise",              price: "$150K+",              subtitle: "For complex projects",              buttons: [
-                { text: "Contact Us", href: "#" }
-              ],
-              features: [
+              id: "2",              tag: "Enterprise",              price: "$150K+",              period: "project",              description: "For complex projects",              button: { text: "Contact Us", href: "#" },
+              featuresTitle: "Included",              features: [
                 "Custom timeline",                "Dedicated team",                "Advanced features",                "6 months support",                "Architecture consulting"
               ]
             }
@@ -152,16 +151,16 @@ export default function LandingPage() {
           tagIcon={TrendingUp}
           metrics={[
             {
-              id: "1",              value: "50+",              title: "MVPs launched for startups"
+              id: "1",              value: "50+",              title: "MVPs launched for startups",              description: "Successful MVP launches"
             },
             {
-              id: "2",              value: "4-8 weeks",              title: "Average MVP delivery time"
+              id: "2",              value: "4-8 weeks",              title: "Average MVP delivery time",              description: "Quick turnaround"
             },
             {
-              id: "3",              value: "$50K-$150K",              title: "Typical MVP investment range"
+              id: "3",              value: "$50K-$150K",              title: "Typical MVP investment range",              description: "Transparent pricing"
             },
             {
-              id: "4",              value: "92%",              title: "Client satisfaction rating"
+              id: "4",              value: "92%",              title: "Client satisfaction rating",              description: "Happy founders"
             }
           ]}
           animationType="slide-up"
@@ -175,32 +174,30 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <div className="py-20">
-          <div className="space-y-8">
-            <div className="text-center">
-              <p className="text-sm font-medium text-accent mb-2">Reviews</p>
-              <h2 className="text-4xl font-bold mb-4">Founder Love</h2>
-              <p className="text-lg text-foreground/80">What early-stage founders and startup CTOs have to say about working with us.</p>
-            </div>
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-              <div className="bg-card p-6 rounded-lg">
-                <p className="text-foreground mb-4">"Webild turned our idea into a fully functional MVP in just 6 weeks. Their transparent process made us feel like true partners, not just another client."</p>
-                <p className="font-semibold">Alex Chen</p>
-                <p className="text-sm text-foreground/60">Founder & CEO</p>
-              </div>
-              <div className="bg-card p-6 rounded-lg">
-                <p className="text-foreground mb-4">"We tried hiring developers locally but the costs were astronomical. Webild delivered better quality code at 60% of the cost."</p>
-                <p className="font-semibold">Sarah Martinez</p>
-                <p className="text-sm text-foreground/60">CTO</p>
-              </div>
-              <div className="bg-card p-6 rounded-lg">
-                <p className="text-foreground mb-4">"The communication was exceptional. We had weekly updates and they actually guided us on product decisions."</p>
-                <p className="font-semibold">James Wilson</p>
-                <p className="text-sm text-foreground/60">Product Manager</p>
-              </div>
-            </div>
-          </div>
-        </div>
+        <FaqSplitMedia
+          title="Founder Love"
+          description="What early-stage founders and startup CTOs have to say about working with us."
+          tag="Reviews"
+          tagIcon={Heart}
+          faqs={[
+            {
+              id: "1",              title: "Alex Chen",              content: "Webild turned our idea into a fully functional MVP in just 6 weeks. Their transparent process made us feel like true partners, not just another client."
+            },
+            {
+              id: "2",              title: "Sarah Martinez",              content: "We tried hiring developers locally but the costs were astronomical. Webild delivered better quality code at 60% of the cost."
+            },
+            {
+              id: "3",              title: "James Wilson",              content: "The communication was exceptional. We had weekly updates and they actually guided us on product decisions."
+            }
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-a-diverse-team-c-1772549676060-783dcc25.png"
+          imageAlt="Team collaboration on MVP development"
+          mediaAnimation="slide-up"
+          faqsAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaPosition="left"
+        />
       </div>
 
       <div id="faq" data-section="faq">
@@ -241,41 +238,8 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterCard
-          columns={[
-            {
-              title: "Product",              items: [
-                { label: "Services", href: "#services" },
-                { label: "Process", href: "#about" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "Case Studies", href: "#" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About", href: "#" },
-                { label: "Team", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Contact", href: "#" }
-              ]
-            },
-            {
-              title: "Resources",              items: [
-                { label: "FAQ", href: "#faq" },
-                { label: "Documentation", href: "#" },
-                { label: "Support", href: "#" },
-                { label: "Status", href: "#" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "Security", href: "#" }
-              ]
-            }
-          ]}
-          bottomLeftText="© 2025 Webild. All rights reserved."
-          bottomRightText="Shipping MVPs that matter"
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved."
         />
       </div>
     </ThemeProvider>
-- 
2.49.1