Refactor Contact21 and Pricing4 components for improved styling; add CTASection to homepage layout.

src/components/cta.tsx

@@ -0,0 +1,28 @@
+import { Button } from "@/components/ui/button";
+
+export default function CTASection() {
+  return (
+    <section className="py-10 lg:py-16">
+      <div className="mx-auto max-w-5xl px-4">
+        <div className="rounded-2xl bg-linear-to-r bg-[url('https://images.unsplash.com/photo-1739785890803-7a2191a37ef5?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')] bg-cover bg-bottom px-8 py-10 md:px-16 md:py-20">
+          <header className="mb-8 max-w-2xl space-y-4">
+            <h2 className="font-heading text-4xl leading-10 text-black lg:text-4xl">
+              Benefit up to 33% when connecting to Sentium for 4 months or more
+            </h2>
+            <p className="text-lg text-black/60">
+              Register and start using our cloud solutions today
+            </p>
+          </header>
+
+          {/* CTA Buttons */}
+          <div className="flex flex-wrap gap-4">
+            <Button size="lg">Get Started</Button>
+            <Button size="lg" variant="secondary">
+              Contact
+            </Button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}