Contact.js
3.77 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
import FadeInStagger from "@/components/FadeInStagger";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
export const Contact = () => {
return (
<>
<section className="contact_sec sec_padd">
<Container className="custom_container">
<Row className="justify-content-end">
<Col md={5}>
<div className="">
<FadeInStagger direction="top">
<h2 className="heading">Let’s Connect</h2>
<p>Create your Dream space together, Visit Us Today!</p>
</FadeInStagger>
<form action="" className="let-connect-form">
<Row>
<Col md={6} className="mb-3">
<div className="mb-1">Name</div>
<div>
<input
type="text"
placeholder="Type here"
name="name"
class="inputField nameInput"
/>
</div>
</Col>
<Col md={6} className="mb-3">
<div className="mb-1">Mobile Number</div>
<div>
<input
type="text"
placeholder="Type here"
name="Mobile Number"
class="inputField nameInput"
/>
</div>
</Col>
</Row>
<Row>
<Col md={12} className="mb-3">
<div className="mb-1">Email Address</div>
<div>
<input
type="text"
placeholder="Type here"
name="Email Address"
class="inputField nameInput"
/>
</div>
</Col>
</Row>
<Row>
<Col md={12} className="mb-3">
<div className="mb-1">Message</div>
<div>
<textarea
rows="5"
type="text"
placeholder="Type here"
name="name"
class="inputField nameInput"
/>
</div>
</Col>
</Row>
<Row>
<Col className="mb-3">
<div class="form-check">
<input
class="form-check-input"
type="checkbox"
value=""
id="checkChecked"
/>
<label class="form-check-label" for="checkChecked">
I accept the processing of my personal data for
traditional and automated direct marketing purposes.
</label>
</div>
</Col>
</Row>
<Row>
<Col className="mb-3">
<div className="d-flex gap-3">
<button className="btn3">Submit</button>
</div>
</Col>
</Row>
</form>
</div>
</Col>
</Row>
</Container>
</section>
</>
);
};