Add location point using maps and about on the home page

<section className="flex flex-col mt-10 md:flex-row text-black bg-gradient-to-r from-amber-50 to-orange-300">
                <div className="relative justify-start mt-4 md:w-2/3 m-5">
                    <iframe
                        className="rounded-md w-full "
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d224125.09386445564!2d76.95300012499997!3d28.631123000000013!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd36653e4911%3A0x48c2ca75eea5aa22!2sDomino&#39;s%20Pizza!5e0!3m2!1sen!2sin!4v1719019970622!5m2!1sen!2sin"
                        // width="600"
                        height="450"
                        allowFullScreen=""
                        loading="lazy"
                        referrerPolicy="no-referrer-when-downgrade"
                    />
                    <div className="absolute bottom-4 bg-white m-4 rounded-md">
                        <div className="bg-white-300 text-left flex flex-col sm:flex-row justify-between m-4 gap-2">
                            <div className="flex flex-col ">
                                <h3 className="font-semibold text-lg">
                                    ADDRESS
                                </h3>
                                <p className="text-wrap">
                                    My Pizza app store, New Delhi,
                                    <br /> near my home
                                </p>
                            </div>

                            <div className="flex flex-col sm:ml-20 sm:mr-4">
                                <h3 className="font-semibold text-lg">EMAIL</h3>
                                <p className="text-orange-600">
                                    akashgautam@email.com
                                </p>
                                <h3 className="font-semibold text-lg mt-4">
                                    PHONE
                                </h3>
                                <p>999-456-7890</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="flex flex-col m-5 md:px-8 md:w-1/3 text-black text-left">
                    <h1 className="text-4xl">About</h1>
                    <p className="md:mt-8 text-justify">
                        At Pizza App, we are passionate about crafting
                        exceptional pizzas that bring joy to every bite. Our
                        journey began with a commitment to using the freshest,
                        high-quality ingredients, combined with authentic
                        recipes passed down through generations. Whether you're
                        craving a classic Margherita or an adventurous specialty
                        pizza, each creation is made with care and attention to
                        detail. Join us in celebrating the art of pizza-making
                        and indulge in flavors that will leave you wanting more.
                        Welcome to the world of Pizza App, where every pizza
                        tells a delicious story.
                    </p>
                </div>
            </section>
it is responsive all
singhsanket143 / PizzaFrontend

Add location point using maps and about on the home page #1
