Update src/app/page.tsx

src/app/page.tsx

@@ -6,25 +6,11 @@ import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleC
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 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, Target, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
-  const handleContactSubmit = (data: Record<string, string>) => {
-    // Send form data to webild email
-    fetch('https://api.example.com/contact', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        ...data,
-        recipient: 'webild@webild.com'
-      })
-    }).catch(err => console.error('Form submission error:', err));
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -148,22 +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"
-          onSubmit={handleContactSubmit}
-          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>