Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,12 +5,10 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Award, BarChart3, Brain, Github, Linkedin, Mail, Sparkles, Star, Target, TrendingUp, Twitter, Users, Zap } from "lucide-react";
+import { Award, BarChart3, Brain, Github, Linkedin, Mail, Sparkles, Target, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -116,54 +114,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardEleven
-          title="Proven Results That Speak"
-          description="Our clients see real, measurable growth. Here's what we deliver."
-          tag="Our Impact"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          animationType="scale-rotate"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          metrics={[
-            { id: "1", value: "250+", title: "Projects Delivered", description: "High-converting websites for brands worldwide", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-sleek-modern-web-design-interface-disp-1774031218288-878bcd07.png?_wi=3", imageAlt: "Projects delivered" },
-            { id: "2", value: "95%", title: "Client Satisfaction", description: "Long-term partnerships built on results", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-sophisticated-software-platform-interf-1774031218681-d5178031.png?_wi=2", imageAlt: "Client satisfaction" },
-            { id: "3", value: "3.2x", title: "Avg. ROI Increase", description: "Measurable growth for our clients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-creative-agency-workspace-with-modern--1774031218049-f5713d8d.png?_wi=2", imageAlt: "ROI increase" },
-            { id: "4", value: "$5M+", title: "Client Revenue Generated", description: "Through conversion-optimized websites", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-sleek-modern-web-design-interface-disp-1774031218288-878bcd07.png?_wi=4", imageAlt: "Revenue generated" }
-          ]}
-          buttons={[
-            { text: "See Case Studies", href: "#contact" }
-          ]}
-          buttonAnimation="slide-up"
-          ariaLabel="Key metrics and achievements section"
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
-          title="What Our Clients Say"
-          description="Real feedback from real clients who've experienced transformation."
-          tag="Testimonials"
-          tagIcon={Award}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          animationType="slide-up"
-          testimonials={[
-            { id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Working with this agency transformed our digital presence. Within 3 months, we saw a 240% increase in qualified leads. Their strategic approach to design and conversion optimization is unmatched.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-confident-bus-1774031217143-e9e637bb.png", imageAlt: "Professional headshot of a confident business person in corporate attire. Clean background, professi", icon: Star },
-            { id: "2", name: "Michael Chen", role: "Founder", testimonial: "They didn't just build a website—they built a sales machine. The brand strategy work alone was worth 10x what we paid. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-another-busines-1774031217455-0258c163.png", imageAlt: "Professional headshot of another business professional in modern office setting. Warm, approachable ", icon: Star },
-            { id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Professional, responsive, and results-driven. They understood our positioning challenges immediately and delivered a website that resonates with our ideal clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-confident-fem-1774031217677-042f6f44.png", imageAlt: "Professional headshot of a confident female business professional. Modern office background, profess", icon: Star },
-            { id: "4", name: "David Kim", role: "Product Manager", testimonial: "From concept to launch, they were detail-oriented and collaborative. Our conversion rate improved by 185%. This is the team to work with.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-another-busines-1774031217336-d37086c2.png", imageAlt: "Professional headshot of another business professional, diverse representation. Corporate setting, p", icon: Star }
-          ]}
-          buttons={[
-            { text: "View More Reviews", href: "#contact" }
-          ]}
-          buttonAnimation="slide-up"
-          ariaLabel="Client testimonials section"
-        />
-      </div>
-
       <div id="team" data-section="team">
         <TeamCardTwo
           title="Meet the Team"
@@ -173,16 +123,10 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
           members={[
-            { id: "1", name: "Alex Thompson", role: "Creative Director", description: "10+ years of experience in brand strategy and luxury design. Obsessed with positioning and visual storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-talented-desi-1774031217802-8e82cb96.png", imageAlt: "Professional headshot of a talented designer or developer. Modern office environment with tech eleme", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }, { icon: Twitter, url: "https://twitter.com" }] },
-            { id: "2", name: "Jordan Martinez", role: "Lead Developer", description: "Full-stack engineer with a passion for performance and clean code. Brings your vision to life with cutting-edge technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-another-team-me-1774031217782-1174c006.png", imageAlt: "Professional headshot of another team member, diverse background. Modern creative workspace visible.", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }, { icon: Github, url: "https://github.com" }] },
-            { id: "3", name: "Casey Williams", role: "Conversion Strategist", description: "Data-driven marketer specializing in conversion optimization. Turns analytics into actionable strategies for growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-female-team-m-1774031217288-f70ddb8c.png", imageAlt: "Professional headshot of a female team member or account manager. Professional attire, approachable ", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }, { icon: Mail, url: "mailto:casey@example.com" }] },
-            { id: "4", name: "Morgan Lee", role: "Brand Strategist", description: "15+ years building brands from the ground up. Expert in positioning, messaging, and brand architecture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-senior-team-m-1774031217546-56ee2271.png", imageAlt: "Professional headshot of a senior team member or strategist. Modern professional setting, experience", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }, { icon: Twitter, url: "https://twitter.com" }] }
-          ]}
-          buttons={[
-            { text: "Join Our Team", href: "#contact" }
+            { id: "1", name: "Alex Thompson", role: "Creative Director", description: "10+ years of experience in brand strategy and luxury design. Obsessed with positioning and visual storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-talented-desi-1774031217802-8e82cb96.png", imageAlt: "Professional headshot of a talented designer or developer. Modern office environment with tech eleme", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }, { icon: Mail, url: "mailto:alex@example.com" }] }
           ]}
           buttonAnimation="slide-up"
           ariaLabel="Team members section"
@@ -190,21 +134,24 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplitForm
+        <HeroBillboardTestimonial
           title="Ready to Elevate Your Brand?"
           description="Let's discuss your project. Fill out the form below and our team will reach out within 24 hours."
-          useInvertedBackground={true}
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputs={[
-            { name: "fullName", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "your@email.com", required: true },
-            { name: "company", type: "text", placeholder: "Company Name", required: false },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
+          tag="Get in Touch"
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            { text: "Send Message", href: "#" }
           ]}
-          textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 5, required: true }}
-          buttonText="Send Message"
-          ariaLabel="Contact form section"
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-professional-portrait-photograph-of-a--1774031217691-d33284a1.png"
+          imageAlt="Contact section image"
+          mediaAnimation="slide-up"
+          testimonials={[
+            { name: "Client Success", handle: "@satisfied", testimonial: "Working with this team transformed our business vision into reality. Their strategic approach and attention to detail is unmatched.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-talented-desi-1774031217802-8e82cb96.png", imageAlt: "Client testimonial avatar" }
+          ]}
+          ariaLabel="Contact section with logo display"
         />
       </div>