Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -208,7 +208,7 @@ export default function LandingPage() {
 
   <div id="blog" data-section="blog">
       <BlogCardThree
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={true}
       carouselMode="buttons"
@@ -226,28 +226,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactCenter
+      tag="Connect"
+      title="Ready to collaborate on your next groundbreaking project?"
+      description="Let's connect and build something extraordinary."
       background={{
         variant: "radial-gradient"}}
-      text="Ready to collaborate on your next groundbreaking project? Let's connect and build something extraordinary."
-      buttons={[
-        {
-          text: "Email Me",          href: "mailto:hammad.imran@example.com"},
-        {
-          text: "Connect on LinkedIn",          href: "https://www.linkedin.com/in/muhammad-hammad-imran"},
-        {
-          text: "View GitHub",          href: "https://github.com/hammadimran"},
-      ]}
+      useInvertedBackground={false}
+      inputPlaceholder="Enter your email"
+      buttonText="Submit"
+      termsText="By clicking Submit you're confirming that you agree with our Terms and Conditions."
+      onSubmit={() => alert('Form submitted!')}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="Muhammad Hammad Imran"
       columns={[
         {
-          title: "Navigation",          items: [
+          items: [
             {
               label: "Home",              href: "#home"},
             {
@@ -259,7 +257,7 @@ export default function LandingPage() {
           ],
         },
         {
-          title: "Connect",          items: [
+          items: [
             {
               label: "Email",              href: "mailto:hammad.imran@example.com"},
             {
@@ -269,7 +267,7 @@ export default function LandingPage() {
           ],
         },
         {
-          title: "Resources",          items: [
+          items: [
             {
               label: "Blog",              href: "#blog"},
             {
@@ -279,7 +277,6 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2024 Muhammad Hammad Imran. All rights reserved."
     />
   </div>
       </ReactLenis>