import Image from 'next/image'
import Link from 'next/link'
import React from 'react'

const ContactUsSection = () => {
  return (
    <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div className="grid lg:grid-cols-2 gap-12 items-center">
          <div className="relative">
            <Image
              src="contact.png"
              alt="Euphoria 5 Office Plant"
              width={500}
              height={400}
              className="rounded-2xl w-full h-auto"
            />
          </div>
          <div>
            <h2 className="text-3xl font-bold text-gray-900 mb-8">Contact Us</h2>
            <div className="space-y-4 text-gray-600">
             
              <div>
                <p className="font-medium text-gray-900">Address:</p>
                <p>Marina Plaza - Al Marsa Street Marina Plaza Level 29 Dubai, United Arab Emirates</p>
              </div>
              {/* <div>
                <p className="font-medium text-gray-900">Phone number:</p>
                <Link href="tel:070022557473" className="text-primary hover:underline">
                  0700 2255 7473
                </Link>
              </div> */}
              <div>
                <p className="font-medium text-gray-900">Email:</p>
                <Link href="mailto:support@euphoria5.com" className="text-primary hover:underline">
                  support@euphoria5.com
                </Link>
              </div>
            </div>
          </div>
        </div>
      </section>
  )
}

export default ContactUsSection
