Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -1416,4 +1416,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Zap, Sparkles, TrendingUp, Heart, HelpCircle, Check } from "lucide-react";
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Zap, Sparkles, TrendingUp, Heart, HelpCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,14 +41,19 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
+        <HeroBillboard
           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}
           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"
           avatars={[
             { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-confident-m-1772549677631-fe254b42.png", alt: "Founder testimonial" },
             { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-female-cto--1772549675414-bd393948.png", alt: "Startup founder" },
@@ -59,53 +65,48 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <MetricSplitMediaAbout
-          title="Our proven process"
-          description="gets your product to market fast"
-          metrics={[
-            { value: "50+", title: "MVPs launched" },
-            { value: "4-8 weeks", title: "Average timeline" }
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "Our proven" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-badge-or-stamp-design-rep-1772549676901-195261fb.png", alt: "Process methodology" },
+            { type: "text", content: "gets your product to market fast" }
           ]}
-          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: "#" }
+          ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardNineteen
+        <FeatureCardOne
           title="MVP Development Services"
           description="End-to-end development services designed for early-stage founders and startup CTOs who need speed without sacrificing quality."
           tag="What We Deliver"
           tagIcon={Sparkles}
           features={[
             {
-              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",              imageAlt: "Full-Stack Development"
+              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: 2,
-              tag: "Speed",              title: "Rapid Prototyping",              subtitle: "Quick Iteration",              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",              imageAlt: "Rapid Prototyping"
+              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: 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",              imageAlt: "Transparent Process"
+              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: 4,
-              tag: "Experience",              title: "Startup Expertise",              subtitle: "Industry Knowledge",              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",              imageAlt: "Startup Expertise"
+              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: 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",              imageAlt: "Post-Launch Support"
+              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: 6,
-              tag: "Value",              title: "Cost-Effective Solutions",              subtitle: "Budget Friendly",              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",              imageAlt: "Cost-Effective Solutions"
+              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"
             }
           ]}
+          gridVariant="two-items-per-row"
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
           buttons={[
@@ -115,57 +116,27 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="pricing" data-section="pricing">
-        <PricingCardFive
-          title="Simple, Transparent Pricing"
-          description="Choose the plan that fits your needs"
-          tag="Pricing"
-          tagIcon={Sparkles}
-          plans={[
-            {
-              id: "monthly-retainer",              tag: "Monthly Retainer Plan",              price: "$5,000",              period: "/m",              description: "Scale design, no-code builds & copy quicker than recruiting in-house.",              button: { text: "Get started", href: "#contact" },              featuresTitle: "What's Included:",              features: [
-                "Unlimited design requests",                "48-hour turnaround",                "Dedicated project manager",                "Weekly status updates"
-              ]
-            },
-            {
-              id: "standard-mvp",              tag: "Standard MVP Package",              price: "$75,000",              period: "one-time",              description: "Full MVP development with all core features and 30 days of support.",              button: { text: "Schedule call", href: "#contact" },              featuresTitle: "What's Included:",              features: [
-                "Full-stack development",                "UI/UX design",                "30-day support",                "Performance optimization"
-              ]
-            },
-            {
-              id: "enterprise",              tag: "Enterprise Custom",              price: "Custom",              period: "quote",              description: "Complex projects with custom requirements and extended support.",              button: { text: "Contact us", href: "#contact" },              featuresTitle: "What's Included:",              features: [
-                "Custom development",                "Advanced architecture",                "Extended support",                "Infrastructure setup"
-              ]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "View all plans", href: "#" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
       <div id="metrics" data-section="metrics">
-        <MetricCardEleven
+        <MetricCardSeven
           title="Our Track Record"
           description="Proven results backed by real numbers and early-stage founder success stories."
           tag="By the Numbers"
           tagIcon={TrendingUp}
           metrics={[
             {
-              id: "1",              value: "50+",              title: "MVPs",              description: "MVPs Launched"
+              id: "1",              value: "50+",              title: "MVPs launched for startups",              items: ["From seed to Series A funding", "Across multiple industries", "98% on-time delivery rate"]
             },
             {
-              id: "2",              value: "4-8",              title: "Weeks",              description: "Avg Delivery Time"
+              id: "2",              value: "4-8 weeks",              title: "Average MVP delivery time",              items: ["40% faster than industry average", "Includes 2 iteration cycles", "Transparent fixed pricing"]
             },
             {
-              id: "3",              value: "150",              title: "K",              description: "Typical Investment"
+              id: "3",              value: "$50K-$150K",              title: "Typical MVP investment range",              items: ["Cost-effective vs. in-house hiring", "No long-term employment costs", "Scalable team as you grow"]
             },
             {
-              id: "4",              value: "92",              title: "%",              description: "Satisfaction Rating"
+              id: "4",              value: "92%",              title: "Client satisfaction rating",              items: ["Founders recommend us to peers", "Repeat business from 70% of clients", "Average engagement duration 6+ months"]
+            },
+            {
+              id: "5",              value: "$X+M",              title: "Total funding raised by our clients",              items: ["Cumulative investor success stories", "Clients securing Series A rounds", "Founders achieving profitability"]
             }
           ]}
           animationType="slide-up"
@@ -179,24 +150,35 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <FaqSplitMedia
+        <TestimonialCardTwo
           title="Founder Love"
           description="What early-stage founders and startup CTOs have to say about working with us."
           tag="Reviews"
           tagIcon={Heart}
-          faqs={[
+          testimonials={[
             {
-              id: "1",              title: "Alex Chen, Founder & CEO",              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: "1",              name: "Alex Chen",              role: "Founder & CEO",              testimonial: "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. We've already secured seed funding with the product they built.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-confident-m-1772549677631-fe254b42.png"
             },
             {
-              id: "2",              title: "Sarah Martinez, CTO",              content: "Webild delivered better quality code at 60% of the cost. Their startup expertise meant they understood our constraints and shipped exactly what we needed."
+              id: "2",              name: "Sarah Martinez",              role: "CTO",              testimonial: "We tried hiring developers locally but the costs were astronomical. Webild delivered better quality code at 60% of the cost. Their startup expertise meant they understood our constraints and shipped exactly what we needed.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-female-cto--1772549675414-bd393948.png"
+            },
+            {
+              id: "3",              name: "James Wilson",              role: "Product Manager",              testimonial: "The communication was exceptional. We had weekly updates, quick turnarounds on feedback, and they actually guided us on product decisions. That level of partnership is rare in dev agencies.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-male-produc-1772549675516-58be5645.png"
+            },
+            {
+              id: "4",              name: "Priya Patel",              role: "Co-Founder",              testimonial: "Shipping a healthcare MVP is complex with compliance requirements. Webild not only built a solid product but advised us on technical architecture that scaled with our growth. Worth every penny.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-female-co-f-1772549677551-372c31dc.png"
+            },
+            {
+              id: "5",              name: "Michael Torres",              role: "Founder",              testimonial: "They delivered early and under budget. We reinvested the savings into marketing. Best decision we made during our pre-launch phase.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-male-founde-1772549675299-af3a6443.png"
+            },
+            {
+              id: "6",              name: "Emma Gottlieb",              role: "Startup Advisor",              testimonial: "I recommend Webild to founders in our portfolio. They consistently deliver quality MVPs that impress investors and validate business models quickly.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-female-vent-1772549676940-91b7d9b5.png"
             }
           ]}
-          faqsAnimation="slide-up"
+          animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
-          mediaPosition="left"
-          mediaAnimation="slide-up"
+          useInvertedBackground={true}
+          buttonAnimation="slide-up"
         />
       </div>
 
@@ -236,12 +218,58 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to ship your MVP faster? Let's talk about your product vision and timeline."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Schedule a call", href: "#" },
+            { text: "Send us details", href: "#" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Webild"
-          copyrightText="© 2025 Webild. All rights reserved."
+        <FooterSimple
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Services", href: "#services" },
+                { label: "Process", href: "#about" },
+                { label: "Pricing", href: "#" },
+                { label: "Case Studies", href: "#" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#" },
+                { label: "Team", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Contact", href: "#contact" }
+              ]
+            },
+            {
+              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"
         />
       </div>
     </ThemeProvider>
   );
-}
+}