InnerContent.js 3.36 KB
import React from "react";
import { Col, Row } from "react-bootstrap";
import GetInTouchForm from "./GetInTouchForm";
import Image from "next/image";
import Heading from "@/components/Heading";
const InnerContent = () => {
  return (
    <>
      <section className="innercontent-section sec_padd">
        <div className="custom_container">
          <Row className="align-items-center">
            <Col md={6}>
              <div className="">
                <Image
                  className="img-fluid"
                  width={944}
                  height={1140}
                  src="/image/contact-us.png"
                />
              </div>
            </Col>
            <Col md={6}>
              <div className="contactPage-form">
                <div className="top-head">
                  <Heading el="h2" heading="Let’s Connect" />
                  <div>
                    Every strong project begins with clarity. Tell us what
                    youre imagining,well help shape it into a finished
                    reality.
                  </div>
                </div>
                <GetInTouchForm />
              </div>
            </Col>
          </Row>
         
        </div>
      </section>
      <section className="innercontent-section catalogues-sec sec_padd">
        <div className="custom_container">
           <Row className="align-items-center ">
            <Col md={6} className="d-flex justify-content-md-center">
              <div className="contactPage-address">
                <Heading el="h2" heading="Akruti Luxe  HEADQUARTERS" />
                <ul className="list-unstyled">
                  <li className="d-flex  mb-3 gap-3 align-items-baseline">
                    <i className="fa-solid fa-location-dot"></i>
                    <span>
                      Akruti Luxe Pvt. Ltd.<br />
                      8A Raghuvanshi Mill compound, Senapati Bapat Marg,<br /> Lower Parel, Mumbai, Maharashtra 400013
                    </span>
                  </li>
                  <li className="d-flex align-items-center mb-3 gap-3">
                    <i className="fa-solid fa-envelope"></i>
                    <a href="mailto:Info@akrutiliving.in">
                      Info@akrutiliving.in
                    </a>
                  </li>
                  <li className="d-flex align-items-center gap-3">
                    <i className="fa-solid fa-phone"></i>
                    <a href="tel:+9196460 01333">+91 | 96460 01333 </a> /
                    <a href="tel:+9184510 03207">+91 | 84510 03207</a>
                  </li>
                </ul>
              </div>
            </Col>
            <Col md={6}>
              <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3772.622369717272!2d72.82162147608882!3d18.992277882195175!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7ce8ba2a8a937%3A0xa2e451544551ba7a!2sRaghuvanshi%20Mills!5e0!3m2!1sen!2sin!4v1767959872758!5m2!1sen!2sin"
                width="100%"
                height="580"
                style={{ border: 0 }}
                allowFullScreen
                loading="lazy"
                referrerPolicy="no-referrer-when-downgrade"
                title=""
                className="contact-map"
              ></iframe>
            </Col>
          </Row>
        </div>
      </section>
    </>
  );
};

export default InnerContent;