<h1 class="text-4xl font-bold mb-6" style="text-align: center;">Contact Us</h1>

<div class="p-6 md:p-6 not-prose">
    <div class="max-w-6xl mx-auto">

        <div class="p-4 md:p-6">
            <div class="max-w-6xl mx-auto">
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
                    <div class="bg-white p-6 rounded-lg border-0-0 border-0-slate-100 flex flex-col items-center text-center">
                        <div class="flex flex-col items-center justify-center h-full">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 mb-4">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path>
                            </svg>
                            <p class="mt-2 mb-2 font-bold">Call us</p>
                            <p>
                                <a href="tel:0191 238 0400" class="text-blue-600 font-bold">0191 238 0400</a>
                            </p>
                        </div>
                    </div>

                    <div class="bg-white p-6 rounded-lg border-0 border-0-slate-100 flex flex-col items-center text-center">
                        <div class="flex flex-col items-center justify-center h-full">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 w-10 mb-4">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path>
                            </svg>
                            <p class="mt-2 mb-2 font-bold">Email us</p>
                            <p><a href="mailto:sales@automaticretailing.com" class="text-blue-600 font-bold">sales@automaticretailing.com</a></p>
                        </div>
                    </div>


                </div>
            </div>


            
            <div class="py-10">
                <h2 class="text-2xl font-bold text-center mb-8 mt-8">Our Location</h2>
                <div class="grid grid-cols-1 md:grid-cols-1 gap-6">
                    <div class="bg-white p-6 rounded-lg border-0 border-0-slate-100">
                        <img src="https://s3.eu-west-2.amazonaws.com/assets.ordertools.com/ar/logo.svg" alt="Automatic Retailing Logo" class="w-auto h-20 mx-auto mb-4 mt-3">
                        <p class="text-sm text-center mb-6">Unit S3 Narvik Way, Tyne Tunnel Estate, North Shields, Tyne &amp; Wear NE29 7XJ</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4576.508400339353!2d-1.488336!3d55.00370900000001!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487e736fbbb60c41%3A0x9f6413e40d7301df!2sAutomatic%20Retailing%20Northern%20ltd!5e0!3m2!1sen!2suk!4v1732101159961!5m2!1sen!2suk" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>