CallBackRequest.js
3.27 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
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/home/free-quote.jpg"
layout="fill"
className="img-fluid image"
alt="image"
/>
</motion.div>
</div>
</Col>
<Col lg={6} md={12}>
<div className="free-quote-text">
<span className="sub-title">FREE QUOTE</span>
<Heading
el="h2"
heading="Search and Expert Any Time From Just Knock Us"
/>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy ant extra eirmod te mpor invidunt ut labore et
dolore magna aliquyam erat. Te mpor invidunt utttfg labore et
dolore magna aliquyam erat
</p>
<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>Services</label>
<select className="form-select">
<option value="selected">
Financial Consultancy
</option>
<option>Strategy Consultancy</option>
<option>Organizational Consultancy</option>
<option>Tax Consultancy</option>
</select>
</div>
</Col>
<Col lg={6} md={6}>
<div className="form-group">
<button type="submit" className="default-btn">
Request A Quote
<i className="ri-arrow-right-line"></i>
</button>
</div>
</Col>
</Row>
</form>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
};
export default CallBackRequest;