ContactInfo.js
2.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
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>
Let’s get ready to sail together. Provide us with your Contact Details and we’ll make sure that we reach out to you in no time
</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>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>Landline & Mobile</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</h3>
<p>
<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;