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>
  )
 }