Files
klz-cables.com/components/home/CTA.tsx
2026-01-17 00:06:30 +01:00

24 lines
893 B
TypeScript

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>
);
}