Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,12 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Rocket, TrendingUp, Users } from "lucide-react";
+import { Rocket, TrendingUp, Users, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -152,6 +153,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
+      <ContactCTA
+        tag="Get In Touch"
+        tagIcon={Mail}
+        title="Contact Us"
+        description="Have questions or want to start your project? Reach out to us at sublimesites1@gmail.com and let's get building."
+        buttons={[{ text: "Email Us", href: "mailto:sublimesites1@gmail.com" }]}
+        background={{ variant: "plain" }}
+        useInvertedBackground={false}
+      />
       <ContactSplitForm
       useInvertedBackground={false}
       title="Let's Build Your Site"