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

src/app/page.tsx

@@ -7,7 +7,7 @@ import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import ContactForm from "@/components/form/ContactForm";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Zap, AlertTriangle, Wrench, Package, TrendingUp, TrendingDown, Award, Lightbulb, Sparkles, Mail, Shield } from "lucide-react";
 
@@ -219,17 +219,19 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactForm
-          tag="Get in Touch"
+        <ContactCTA
+          tag="Get Started"
           tagIcon={Mail}
+          tagAnimation="slide-up"
           title="Ready to Transform Your Power Systems?"
-          description="Let our expert team analyze your electrical infrastructure and design customized solutions. Contact us for a comprehensive power quality assessment."
-          inputPlaceholder="Enter your email"
-          buttonText="Get Started"
-          termsText="We respect your privacy and will only use your email for consultation purposes."
-          onSubmit={(email) => console.log("Contact form submission:", email)}
-          centered={true}
-          useInvertedBackground={false}
+          description="Let our expert team analyze your electrical infrastructure and design customized solutions that enhance reliability, reduce costs, and optimize efficiency. Contact us today for a comprehensive power quality assessment."
+          buttons={[
+            { text: "Contact IPQS", href: "mailto:hello@ipqs.com" },
+            { text: "Request Consultation", href: "#" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={true}
         />
       </div>