cf

src/app/page.tsx

@@ -9,7 +9,8 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { CheckCircle, Flower2, Leaf, Palette, Sparkles } from "lucide-react";
+import { CheckCircle, Flower2, Leaf, Palette, Sparkles, MessageCircle } from "lucide-react";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
 
 const handleImageClick = (imageUrl) => {
   window.open(imageUrl, '_blank', 'width=80%');
@@ -149,6 +150,26 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="about-new" data-section="about-new">
+        <ContactFaq
+          faqs={[
+              {
+                "id": "1",
+                "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>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
           title="Loved by Designers, Planners & Clients"