Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -31,27 +32,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="WebAgency"
       button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
+        text: "Get a Quote",        href: "#contact"}}
     />
   </div>
 
@@ -61,13 +52,9 @@ export default function LandingPage() {
       description="We craft high-performance, beautiful websites designed to grow your business and convert visitors into loyal customers."
       buttons={[
         {
-          text: "Start Project",
-          href: "#contact",
-        },
+          text: "Start Project",          href: "#contact"},
         {
-          text: "View Our Work",
-          href: "#features",
-        },
+          text: "View Our Work",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cant-resist-temptation-add-cart-now-tempting-curious-goodlooking-excited-redhead-woman-gla_1258-132855.jpg?_wi=1"
       imageAlt="High-end web development agency hero"
@@ -94,30 +81,15 @@ export default function LandingPage() {
       description="Everything you need to launch and scale your online business effectively."
       accordionItems={[
         {
-          id: "f1",
-          title: "Custom Web Design",
-          content: "Tailored designs that perfectly capture your brand identity and vision.",
-        },
+          id: "f1",          title: "Custom Web Design",          content: "Tailored designs that perfectly capture your brand identity and vision."},
         {
-          id: "f2",
-          title: "Performance Optimization",
-          content: "Lightning-fast page loads to improve your SEO and user satisfaction.",
-        },
+          id: "f2",          title: "Performance Optimization",          content: "Lightning-fast page loads to improve your SEO and user satisfaction."},
         {
-          id: "f3",
-          title: "E-Commerce Development",
-          content: "Robust and secure online stores built to drive sales and growth.",
-        },
+          id: "f3",          title: "E-Commerce Development",          content: "Robust and secure online stores built to drive sales and growth."},
         {
-          id: "f4",
-          title: "SEO & Analytics",
-          content: "Data-driven strategies to ensure you reach your target audience.",
-        },
+          id: "f4",          title: "SEO & Analytics",          content: "Data-driven strategies to ensure you reach your target audience."},
         {
-          id: "f5",
-          title: "API Integrations",
-          content: "Seamless connection with third-party tools to automate your workflows.",
-        },
+          id: "f5",          title: "API Integrations",          content: "Seamless connection with third-party tools to automate your workflows."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cant-resist-temptation-add-cart-now-tempting-curious-goodlooking-excited-redhead-woman-gla_1258-132855.jpg?_wi=2"
       mediaAnimation="slide-up"
@@ -131,59 +103,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "John Doe",
-          role: "CEO",
-          company: "Innovate Ltd",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
-        },
+          id: "t1",          name: "John Doe",          role: "CEO",          company: "Innovate Ltd",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg"},
         {
-          id: "t2",
-          name: "Sarah Smith",
-          role: "Marketing Director",
-          company: "Growth Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
-        },
+          id: "t2",          name: "Sarah Smith",          role: "Marketing Director",          company: "Growth Inc",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg"},
         {
-          id: "t3",
-          name: "David Chen",
-          role: "Founder",
-          company: "Startup Co",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
-        },
+          id: "t3",          name: "David Chen",          role: "Founder",          company: "Startup Co",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
         {
-          id: "t4",
-          name: "Emily Brown",
-          role: "Product Manager",
-          company: "Tech Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
-        },
+          id: "t4",          name: "Emily Brown",          role: "Product Manager",          company: "Tech Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"},
         {
-          id: "t5",
-          name: "Michael Wilson",
-          role: "CTO",
-          company: "Digital Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-dancing-funny-expression_1194-3288.jpg",
-        },
+          id: "t5",          name: "Michael Wilson",          role: "CTO",          company: "Digital Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-dancing-funny-expression_1194-3288.jpg"},
       ]}
       kpiItems={[
         {
-          value: "150+",
-          label: "Projects Completed",
-        },
+          value: "150+",          label: "Projects Completed"},
         {
-          value: "99%",
-          label: "Client Satisfaction",
-        },
+          value: "99%",          label: "Client Satisfaction"},
         {
-          value: "24/7",
-          label: "Support Available",
-        },
+          value: "24/7",          label: "Support Available"},
       ]}
       title="Trusted by Leaders"
       description="Hear what our clients have to say about working with us."
@@ -195,29 +136,24 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Microsoft",
-        "Google",
-        "Apple",
-        "Amazon",
-        "Intel",
-        "Adobe",
-        "Salesforce",
-      ]}
+        "Microsoft",        "Google",        "Apple",        "Amazon",        "Intel",        "Adobe",        "Salesforce"]}
       title="Trusted Partners"
       description="We are proud to work with these forward-thinking brands."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get in touch"
-      title="Let's build something great"
-      description="Ready to kickstart your web project? Our team is standing by to help you succeed."
-    />
+      <ContactSplitForm
+        title="Send me a message"
+        description="I'd love to hear from you. Use the form below to reach out."
+        inputs={[
+          { name: "name", type: "text", placeholder: "Your Name", required: true },
+          { name: "email", type: "email", placeholder: "Your Email", required: true }
+        ]}
+        textarea={{ name: "message", placeholder: "Your message here...", rows: 4, required: true }}
+        useInvertedBackground={true}
+        imageSrc="http://img.b2bpic.net/free-photo/modern-workspace_1150-1320.jpg"
+      />
   </div>
 
   <div id="footer" data-section="footer">
@@ -225,42 +161,27 @@ export default function LandingPage() {
       logoText="WebAgency"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Web Design",
-              href: "#features",
-            },
+              label: "Web Design",              href: "#features"},
             {
-              label: "SEO",
-              href: "#features",
-            },
+              label: "SEO",              href: "#features"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}