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

const ContactLocation = () => {
  return (
    <div className='py-16'>
      <div className='max-w-[1200px] mx-auto overflow-hidden px-3'>
        <div className='grid sm:grid-cols-12'>
            <div className='sm:col-span-4 py-5'>
                <div className='flex gap-10'>
                    <div className=''>
                        <h2 className='text-[50px] font-extrabold'>India</h2>
                    </div>
                    <div className=''>
                        <Image src="/images/india_design.svg" width={1200} height={600} alt="India head office illustration — Fruxinfo Ahmedabad" />
                    </div>
                </div>
                <p className='mt-8'><a href="">709 Satyamev Elite , Vakil Saheb Brige ,Sardar Patel Ring Rd, South Bopal, Ahmedabad, Gujarat 380058</a></p>
            </div>
            <div className='sm:col-span-1'></div>
            <div className='sm:col-span-4 py-5'>
            <div className='flex gap-10'>
                    <div className=''>
                        <h2 className='text-[50px] font-extrabold'>USA</h2>
                    </div>
                    <div className=''>
                        <Image src="/images/usa_design.svg" width={1200} height={600} alt="USA office illustration — Fruxinfo" />
                    </div>
                </div>
                <p className='mt-8'><a href="">351, High Street, Middlesex, New Jersey - 08846.</a></p>
            </div>
        </div>
      </div>
    </div>
  )
}

export default ContactLocation
