src/app/page.tsx

@@ -9,7 +9,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactForm from '@/components/form/ContactForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Scissors, Calendar, Award } from 'lucide-react';
 
@@ -165,15 +165,14 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactForm
           tag="Bookings"
           title="Book Your Appointment"
-          description="Use the calendar below to secure your spot with your preferred barber."
+          description="Please fill out the form below to request your slot."
           tagIcon={Calendar}
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-          inputPlaceholder="Your name or email"
-          buttonText="Reserve Now"
+          inputPlaceholder="Enter your name or email"
+          buttonText="Request Appointment"
+          centered={true}
         />
       </div>