CallBackRequest.js
3.73 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import Image from "next/image";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "./Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "./variants";
const CallBackRequest = () => {
return (
<>
<div className="free-quote-area ptb-100">
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="free-quote-image">
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<Image
src="/images/calltoaction.webp"
layout="fill"
className="img-fluid image"
alt="image"
/>
</motion.div>
</div>
</Col>
<Col lg={6} md={12}>
<div className="free-quote-text">
<Heading el="h2" heading="Write to Us!" />
<span>
Have a quick question or need more information? Fill out the
form below, and we'll get back to you as soon as possible
</span>
<form>
<Row>
<Col lg={6} md={6}>
<div className="form-group">
<label>Your Name</label>
<input type="text" className="form-control" />
</div>
</Col>
<Col lg={6} md={6}>
<div className="form-group">
<label>Your Email</label>
<input type="text" className="form-control" />
</div>
</Col>
<Col lg={6} md={6}>
<div className="form-group">
<label>Phone Number</label>
<input type="text" className="form-control" />
</div>
</Col>
<Col lg={6} md={6}>
<div className="form-group">
<label>Services</label>
<select className="form-select">
<option value="selected">
Financial Consultancy
</option>
<option>Virtual FC & CFO Services</option>
<option>Transaction Advisory</option>
<option>Risk Advisory</option>
<option>Business Advisory</option>
<option>Personal Tax</option>
<option>Corporate Tax</option>
<option>Company Law & FEMA</option>
<option>Transfer Pricing</option>
<option>GST & other Indirect Tax</option>
<option>Family Business Advisory</option>
<option>Others</option>
</select>
</div>
</Col>
<Col lg={6} md={6}>
<div className="form-group">
<button type="submit" className="default-btn">
Submit
<i className="ri-arrow-right-line"></i>
</button>
</div>
</Col>
</Row>
</form>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
};
export default CallBackRequest;