import { Button } from "@/components/ui/button";
import Link from "next/link";
import { ArrowRight } from "lucide-react";

export default function SimpleCTASection() {
  return (
    <section className="py-16">
      <div className="mx-auto px-4 sm:px-6 lg:px-8">
        <div className="lg:py-14 lg:px-20 p-10 rounded-lg  bg-background border flex items-center justify-between flex-col lg:flex-row">
          <div className="block text-center mb-5 lg:text-left lg:mb-0">
            <h2 className="font-manrope text-4xl font-semibold mb-5 lg:mb-2">Connect with us</h2>
            <p className="text-xl text-muted-foreground">Contact us with any query or any idea.</p>
          </div>
          <Button asChild>
            <Link href="#">
              Get In Touch
              <ArrowRight className="w-5 h-5 ms-3" />
            </Link>
          </Button>
        </div>
      </div>
    </section>
  );
}
CTA Sections

Simple

Connect with us
