Deploy

2026-07-14 17:42:07 +00:00
parent b84a8bb8b1
commit d74e0727a0
1 changed files with 49 additions and 0 deletions
@@ -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>
+  )
+}