src/app/page.tsx

@@ -6,7 +6,8 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { BookOpen, Users, Award, TrendingUp, Globe } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { BookOpen, Users, Award, TrendingUp, Globe, Mail } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -107,6 +108,19 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Contact"
+          tagIcon={Mail}
+          title="Ready to Start Your Coding Journey?"
+          description="Join thousands of successful graduates who transformed their careers with BogCoder. Get started today and unlock your potential in tech."
+          useInvertedBackground="invertDefault"
+          inputPlaceholder="Enter your email address"
+          buttonText="Get Started"
+          termsText="By signing up, you agree to receive updates about our courses and programs. Unsubscribe anytime."
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="BogCoder"