Deploy

src/components/sections/ScheduleConsultationSection.tsx

@@ -0,0 +1,39 @@
+import Link from "next/link"
+import Button from "@/components/ui/Button"
+
+export default function ScheduleConsultationSection() {
+  return (
+    <section data-vula-section="scheduleconsultation" id="book-consult" className="bg-[#000080] py-20 px-6">
+      <div className="max-w-4xl mx-auto text-center text-white">
+        <h2 className="text-3xl md:text-4xl font-bold mb-6 leading-tight">
+          Your Defense Starts Now —<br />
+          Schedule Your Confidential Consultation
+        </h2>
+        <p className="text-lg md:text-xl mb-8 text-white/80 max-w-2xl mx-auto">
+          Time is critical in legal matters. Speak directly with our senior counsel,
+          Thabo Mashobane, who brings 32 years of courtroom experience to your case.
+        </p>
+        <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
+          <Link href="/booking">
+            <Button
+              variant="default"
+              size="lg"
+              className="bg-[#d4af37] text-[#000080] font-bold px-8 py-4 text-lg hover:opacity-90 transition-all duration-200"
+            >
+              Book Consultation
+            </Button>
+          </Link>
+          <a
+            href="tel:+27311234567"
+            className="underline underline-offset-4 text-white/80 hover:text-white transition-colors duration-200 text-lg"
+          >
+            Or call directly: +27 31 123 4567
+          </a>
+        </div>
+        <p className="mt-10 text-sm text-white/60">
+          Same-day appointments available for urgent matters. All consultations are strictly confidential.
+        </p>
+      </div>
+    </section>
+  )
+}