From d74e0727a00a99a80d66c06b74bcd93c21288576 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Tue, 14 Jul 2026 17:42:07 +0000
Subject: [PATCH] Deploy

---
 .../sections/FindDieOpstalSection.tsx         | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/components/sections/FindDieOpstalSection.tsx

diff --git a/src/components/sections/FindDieOpstalSection.tsx b/src/components/sections/FindDieOpstalSection.tsx
new file mode 100644
index 0000000..5a09f40
--- /dev/null
+++ b/src/components/sections/FindDieOpstalSection.tsx
@@ -0,0 +1,49 @@
+import Image from "next/image"
+
+export default function FindDieOpstalSection() {
+  return (
+    <section data-vula-section="finddieopstal" id="find-us" className="py-20 bg-[#f4f5f2]">
+      <div className="container mx-auto px-4">
+        <div className="flex flex-col lg:flex-row gap-8 items-stretch">
+          <div className="relative w-full lg:w-1/2">
+            <div className="relative overflow-hidden rounded-[999px] rounded-br-[24px] h-72 lg:h-full min-h-[300px]">
+              <Image
+                src="https://images.pexels.com/photos/31099779/pexels-photo-31099779.jpeg?auto=compress&cs=tinysrgb&h=350"
+                alt="Franschhoek valley with vineyards and mountains"
+                fill
+                sizes="(max-width: 768px) 100vw, 50vw"
+                className="object-cover"
+              />
+            </div>
+            <div className="absolute bottom-4 left-4 bg-white rounded-2xl shadow-xl p-4 max-w-56">
+              <p className="text-sm font-medium text-[#2c331f]">Tucked away in the Cape Winelands</p>
+            </div>
+          </div>
+          <div className="w-full lg:w-1/2 flex flex-col justify-center space-y-6">
+            <h2 className="text-4xl font-bold text-[#2c331f]">
+              Your Franschhoek{" "}
+              <span className="text-[#6b8e23]">address</span>
+            </h2>
+            <div className="space-y-2 text-[#36454F]">
+              <p>14 Huguenot Road, Franschhoek, 7690</p>
+              <p>Phone: +27 21 874 1234</p>
+              <p>Email: stay@dieopstal.co.za</p>
+            </div>
+            <div className="border-t border-[#daddd4] pt-4">
+              <h3 className="font-semibold mb-2 text-[#2c331f]">Driving directions</h3>
+              <p className="text-[#36454F]">
+                From Stellenbosch: take the R45 for 35 minutes. Turn left onto
+                Huguenot Road — we are 500m on the left, just past the Franschhoek
+                Wine Valley sign.
+              </p>
+              <p className="text-[#36454F] mt-2">
+                From Franschhoek Main Road: proceed west on Huguenot Road for 1.5 km,
+                Die Opstal is on your left, set behind a row of oak trees.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}