cf

src/app/page.tsx

@@ -11,6 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { CheckCircle, Flower2, Leaf, Palette, Sparkles, MessageCircle } from "lucide-react";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
+import ContactForm from "@/components/form/ContactForm";
 
 const handleImageClick = (imageUrl) => {
   window.open(imageUrl, '_blank', 'width=80%');
@@ -151,22 +152,10 @@ export default function LandingPage() {
       </div>
 
       <div id="about-new" data-section="about-new">
-        <ContactFaq
+        <ContactForm
-          faqs={[
+          title="Your Title Here"
-              {
+          description="Add your description here."
-                "id": "1",
+          tag="Sample tag"
-                "title": "Sample title",
-                "content": "Sample content text goes here."
-              }
-            ]}
-          ctaTitle="Your Title Here"
-          ctaDescription="Add your description here."
-          ctaButton={{
-              "text": "Click Here"
-            }}
-          ctaIcon={MessageCircle}
-          useInvertedBackground="noInvert"
-          animationType="none"
         />
       </div>