ContactForm.js
4.26 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
import React, { useState } from "react";
import Link from "next/link";
import GoogleMap from "./GoogleMap";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
const ContactForm = () => {
return (
<>
<div className="contact-area ptb-100">
<Container>
<Row>
<Col lg={6} sm={12}>
<GoogleMap />
</Col>
<Col lg={6} sm={12}>
<div className="contact-form">
<span className="sub-title">SEND MESSAGE</span>
<Heading el="h2" heading="Lets Provide Us a Contact Us" />
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy liquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolo lorem ipsum dolor sit amet,
consetetur sadipscing elitr.
</p>
<form>
<Row>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="name"
placeholder="Name"
className="form-control"
value=""
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="email"
placeholder="Email"
className="form-control"
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="number"
placeholder="Phone number"
className="form-control"
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="subject"
placeholder="Subject"
className="form-control"
required
/>
</div>
</Col>
<Col lg={12} md={12} sm={6}>
<div className="form-group">
<textarea
name="text"
cols="30"
rows="6"
placeholder="Write your message..."
className="form-control"
required
/>
</div>
</Col>
<Col lg={12} md={12} sm={12}>
<div className="form-check">
<input
type="checkbox"
className="form-check-input"
id="checkme"
/>
<label className="form-check-label" htmlFor="checkme">
Accept
<Link href="/terms-conditions">
Terms of Services
</Link>
and <Link href="/privacy-policy">Privacy Policy</Link>
</label>
</div>
</Col>
<Col lg={12} md={12} sm={12}>
<button type="submit" className="default-btn">
Send Message <i className="ri-arrow-right-line"></i>
</button>
</Col>
</Row>
</form>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
};
export default ContactForm;