wip

components/home/CTA.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Link from 'next/link';
+import { Section, Container } from '../../components/ui';
+
+export default function CTA() {
+  return (
+    <Section className="bg-primary text-white py-24">
+      <Container>
+        <div className="flex flex-col md:flex-row items-center justify-between gap-8">
+          <h2 className="text-3xl md:text-4xl font-bold max-w-2xl">
+            Enough information, let's build something together!
+          </h2>
+          <Link href="/contact" className="group flex items-center gap-4 text-xl font-bold text-[#82ed20]">
+            Reach out now
+            <span className="w-10 h-10 border-2 border-[#82ed20] rounded-full flex items-center justify-center group-hover:bg-[#82ed20] group-hover:text-primary transition-all">
+              &rarr;
+            </span>
+          </Link>
+        </div>
+      </Container>
+    </Section>
+  );
+}