Update src/app/page.tsx

src/app/page.tsx

@@ -11,6 +11,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import ContactForm from '@/components/form/ContactForm';
 import { Truck, Settings, Wrench, MapPin, HardHat, Award, ShieldCheck, Globe, Users, ClipboardCheck, Zap, Linkedin, Facebook, Instagram, Youtube } from "lucide-react";
 
 export default function LandingPage() {
@@ -39,6 +40,7 @@ export default function LandingPage() {
             { name: "Performance", id: "#performance" },
             { name: "Services", id: "#services" },
             { name: "Testimonials", id: "#testimonials" },
+            { name: "Newsletter", id: "#newsletter" },
             { name: "Contact", id: "#contact" }
           ]}
           button={{
@@ -94,7 +96,7 @@ export default function LandingPage() {
             { icon: MapPin, title: "Fleet Management", description: "Advanced systems for tracking, optimization, and complete operational control." },
             { icon: HardHat, title: "Industrial Equipment", description: "High-performance machinery and tools for every industrial need." }
           ]}
-          animationType="scale-rotate"
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={true}
           ariaLabel="Sefamar Business Divisions"
@@ -113,7 +115,7 @@ export default function LandingPage() {
             { icon: ClipboardCheck, title: "Genuine Parts", description: "Guaranteed OEM quality for optimal performance and durability." },
             { icon: Zap, title: "Fast Service", description: "Rapid response and efficient service to minimize your downtime." }
           ]}
-          animationType="scale-rotate"
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           ariaLabel="Why Choose Sefamar"
@@ -162,7 +164,7 @@ export default function LandingPage() {
           ]}
           carouselMode="buttons"
           gridVariant="three-columns-all-equal-width"
-          animationType="blur-reveal"
+          animationType="scale-rotate"
           useInvertedBackground={true}
           ariaLabel="Sefamar Services Showcase"
           textboxLayout="default"
@@ -181,12 +183,24 @@ export default function LandingPage() {
           ]}
           carouselMode="buttons"
           gridVariant="uniform-all-items-equal"
-          animationType="blur-reveal"
+          animationType="depth-3d"
           useInvertedBackground={false}
           ariaLabel="Customer Testimonials"
           textboxLayout="default"
         />
       </div>
+      <div id="newsletter" data-section="newsletter">
+        <ContactForm
+          tag="STAY CONNECTED"
+          title="Subscribe to Our Newsletter"
+          description="Get the latest updates, special offers, and industry insights directly to your inbox."
+          inputPlaceholder="Enter your email address"
+          buttonText="Subscribe"
+          onSubmit={(email) => console.log("Newsletter subscribed:", email)}
+          centered={true}
+          className="py-24"
+        />
+      </div>
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Request a Custom Quote"