Switch to version 4: modified src/app/page.tsx

src/app/page.tsx

@@ -6,6 +6,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
@@ -28,7 +29,8 @@ export default function LandingPage() {
             { name: "Home", id: "/" },
             { name: "About", id: "/#about" },
             { name: "Shop", id: "/shop" },
-            { name: "Testimonials", id: "/#testimonials" }
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
           ]}
           brandName="Angola"
           bottomLeftText="Experience the Beauty"
@@ -64,7 +66,7 @@ export default function LandingPage() {
             "At Angola, we believe in the power of flowers to express emotions, celebrate milestones, and create unforgettable memories. Our studio is dedicated to sourcing the freshest, most beautiful blooms and transforming them into stunning works of art.",            "Every arrangement is crafted with meticulous care and a keen eye for design, ensuring that each bouquet tells its own unique story. We pour our heart into every petal, bringing beauty and elegance to your world."]}
           buttons={[
             { text: "Meet Our Team", href: "#team" },
-            { text: "Shop Now", href: "/shop" },
+            { text: "Contact Us", href: "/#contact" },
           ]}
           useInvertedBackground={false}
           showBorder={false}
@@ -108,6 +110,27 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get in Touch with Our Floral Experts"
+          description="Have a question, special request, or need help with an order? Fill out the form below and we'll get back to you shortly."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your floral needs or inquiry...",            rows: 5,
+            required: true,
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-with-gladiolus-flower-pink-alstroemeria-with-lilac-daisy-flowers-sketchbook-with-red-stapler-paper-clips-wooden-background_141793-7805.jpg"
+          imageAlt="A florist's hands arranging flowers in a studio"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=1"
@@ -117,12 +140,13 @@ export default function LandingPage() {
               title: "Shop",              items: [
                 { label: "Bouquets", href: "/shop" },
                 { label: "Arrangements", href: "/shop" },
-                { label: "Custom Orders", href: "/shop" },
+                { label: "Custom Orders", href: "/#contact" },
               ],
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "/#about" }
+                { label: "About Us", href: "/#about" },
+                { label: "Contact", href: "/#contact" },
               ],
             },
             {