ContactInfo.js 2.94 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 With Your Details & Ready To Start"
                />
                <p>
                Reach out to Advith Consulting today to explore our range of services and how we can help you achieve your business objectives with expertise and efficiency.
                </p>

                <Row className="justify-content-center">
                  <Col lg={4} md={4} sm={6}>
                    <div className="single-contact-info-box">
                      <div className="icon">
                        <i className="ri-home-7-line"></i>
                      </div>
                      <h3>Main Office</h3>
                      <p>No. 988, 1st Floor, 13th Cross, Banashankari 2nd Stage, Bengaluru - 560070</p>
                    </div>
                  </Col>

                  <Col lg={4} md={4} sm={6}>
                    <div className="single-contact-info-box">
                      <div className="icon">
                        <i className="ri-phone-line"></i>
                      </div>
                      <h3>Our Phone</h3>
                      <p>
                        <span>Call:</span>
                        <a href="tel:08026719484">080-2671 9484</a>
                      </p>
                      <p>
                        <span>Call:</span>
                        <a href="tel:+916364133111">+91-6364133111</a>
                      </p>
                    </div>
                  </Col>

                  <Col lg={4} md={4} sm={6}>
                    <div className="single-contact-info-box">
                      <div className="icon">
                        <i className="ri-mail-star-line"></i>
                      </div>
                      <h3>Email Address</h3>
                      <p>
                        <span>Email:</span>
                        <a href="mailto: info@advithconsulting.in"> info@advithconsulting.in</a>
                      </p>
                     
                    </div>
                  </Col>
                </Row>
              </div>
            </Col>

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

export default ContactInfo;