diff --git a/src/app/page.tsx b/src/app/page.tsx
index 797f17c..e3e9a67 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
 import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
 import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -14,7 +14,6 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import BlogCardEleven from '@/components/sections/blog/BlogCardEleven';
-import ContactText from '@/components/sections/contact/ContactText';
 import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 import { Heart, Star, Quote, Instagram, Facebook, MapPin, Phone, Clock, CheckCircle2, Check, Sparkles } from "lucide-react";
 
@@ -343,15 +342,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact-text" data-section="contact-text">
-        <ContactText
-          text="Ready to start your next project? Let's create something amazing together."
-          animationType="entrance-slide"
-          buttons={[{ text: "Get in Touch", href: "#contact" }, { text: "View Portfolio", href: "#products" }]}
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
           title="What Our Customers Say"
@@ -404,17 +394,19 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenterForm
-          title="Place Your Order"
-          description="Fill out the form below to order your favorite fresh-baked items. We'll confirm your order within 2 hours."
-          useInvertedBackground="noInvert"
-          buttonText="Send Order"
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Email Address", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+        <ContactFaq
+          faqs={[
+            { id: "1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all our products." },
+            { id: "2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days." },
+            { id: "3", title: "Do you ship internationally?", content: "Yes, we ship to over 100 countries worldwide." },
+            { id: "4", title: "Can I customize my order?", content: "Absolutely! Custom orders are welcome. Please contact us for details." }
           ]}
-          textarea={{ name: "order", placeholder: "What would you like to order? Include quantities and any special requests...", rows: 5, required: true }}
+          ctaTitle="Place Your Order"
+          ctaDescription="Fill out the form to order your favorite fresh-baked items. We'll confirm your order within 2 hours."
+          ctaButton={{ text: "Send Order", href: "#contact" }}
+          ctaIcon={Phone}
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
         />
       </div>