Migrate from old project

components/Home/Contact/ContactCTA.tsx

@@ -0,0 +1,47 @@
+import Link from "next/link";
+import {useContext} from "react";
+import {ThemeContext} from "@/components/provider/ThemeProvider";
+import {themeColors} from "@/components/Helper/ThemeColors";
+
+const ContactCTA = () => {
+    const {theme} = useContext(ThemeContext);
+    const colors = themeColors[theme];
+
+    return (
+        <div className="text-center py-16 transition-theme"
+             style={{backgroundColor: "var(--secondary-bg)"}}
+        >
+            <h2 className="text-2xl md:text-3xl font-bold transition-theme"
+                data-aos="fade-up"
+                style={{color: "var(--primary-text)"}}
+            >
+                Interesse geweckt?
+            </h2>
+            <p className="mt-4 text-sm md:text-base transition-theme"
+               data-aos="fade-up"
+               data-aos-delay="200"
+               style={{color: "var(--secondary-text)"}}
+            >
+                Lass uns über dein Projekt sprechen. Wir freuen uns darauf,
+                deine Ideen in die Realität umzusetzen.
+            </p>
+            <Link href="/contact"
+                  data-aos="fade-up"
+                  data-aos-delay="200"
+            >
+                <button className="mt-6 px-6 py-3 text-lg font-semibold rounded-lg shadow-md transition-theme"
+                        data-aos="fade-up"
+                        data-aos-delay="400"
+                        style={{
+                            backgroundColor: colors.primaryBg,
+                            color: colors.secondaryText,
+                        }}
+                >
+                    📩 Jetzt Kontakt aufnehmen
+                </button>
+            </Link>
+        </div>
+    );
+};
+
+export default ContactCTA;