ContactInfo.js 3.83 KB
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";

const ContactInfo = () => {
  return (
    <>
      <div className="pt-100">
        <Container>
          <Row className="align-items-center">
            <Col lg={6} md={12}>
              <div className="contact-content">
                {/* <span className="sub-title">CONTACT US</span> */}
                <Heading el="h2" heading="Contact Us" />
                <p>
                  Great things begin with a conversation. Share your details,
                  and well make sure that we reach out to you in no time.
                </p>

                <Row className="justify-content-center">
                  <Col lg={12} md={12} sm={6}>
                    <div className="single-contact-info-box row">
                      <div className="col-2">
                        <div className="icon">
                          <i className="ri-home-7-line"></i>
                        </div>
                      </div>
                      <div className="col-10" >
                        <div>
                          <p>
                            <span>Operation Excellence Center- 1:</span> 2nd Floor, Nanda commercial complex and health center, Court road, Udupi -576101
                          </p>
                          <p>
                            <span> Strategic Consulting Center: </span> No.988 1st Floor, 13th Cross, Banashankari II Stage, Bengaluru – 560070
                          </p>
                        </div>
                      </div>

                    </div>
                  </Col>

                  <Col lg={12} md={12} sm={12}>
                    <div className="single-contact-info-box row">
                      <div className="col-2" >
                        <div className="icon">
                          <i className="ri-phone-line"></i>
                        </div>
                      </div>
                      <div className="col-10" >
                        <div>
                          {/* <h3>Landline & Mobile</h3> */}
                          <p>
                            <span>Call:</span>
                            <a href="tel:08204200985">0820-4200985</a>
                          </p>
                          <p>
                            <span>Call:</span>
                            <a href="tel:+9108026719484">+91-080-26719484</a>
                          </p>
                        </div>
                      </div>
                    </div>
                  </Col>

                  <Col lg={12} md={12} sm={12}>
                    <div className="single-contact-info-box row">
                      <div className="col-2" >
                        <div className="icon">
                          <i className="ri-mail-star-line"></i>
                        </div>
                      </div>
                      <div className="col-10">
                        <div>
                          {/* <h3>Email</h3> */}
                          <p>
                            <a href="mailto: Support@advithitec.in">

                              Support@advithitec.in
                            </a>
                          </p>
                        </div>
                      </div>
                    </div>
                  </Col>
                </Row>
              </div>
            </Col>

            <Col lg={6} md={12}>
              <div className="contact-image">
                <Image
                  layout="fill"
                  src="/images/contact-us.png"
                  alt="image"
                  className="img-fluid image"
                />
              </div>
            </Col>
          </Row>
        </Container>
      </div>
    </>
  );
};

export default ContactInfo;