"use client";

export const ContactMap = () => {
  return (
    <section className="custom-container pb-12">
      <div className="rounded-3xl overflow-hidden h-[260px] md:h-[340px] lg:h-[400px] shadow-sm border border-secondary/20">
        <iframe
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3610.7153016375555!2d55.2724976!3d25.1790892!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f6834f4403637%3A0x4f8d47ce83d56994!2sSobha%20Ivory%202!5e0!3m2!1sen!2snl!4v1766215715509!5m2!1sen!2snl"
          width="100%"
          height="100%"
          style={{ border: 0 }}
          allowFullScreen
          loading="lazy"
          referrerPolicy="no-referrer-when-downgrade"
        />
      </div>
    </section>
  );
};
