-
Notifications
You must be signed in to change notification settings - Fork 5
/
Footer3.jsx
294 lines (291 loc) · 15.1 KB
/
Footer3.jsx
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
import axios from "axios";
import Link from "next/link";
import React, { useState } from "react";
function Footer3() {
const [email, setEmail] = useState("");
const [status, setStatus] = useState("");
const onSubmit = function submit(e) {
e.preventDefault();
axios
.post("/api/audience", { email })
.then((res) => {
if (res.status == 200) {
setStatus("SUCCESS");
setEmail("");
} else {
setStatus("ERROR");
}
})
.catch((error) => console.log({ error }));
};
const onChange = (e) => {
setEmail(e.target.value);
};
return (
<footer>
<div className="footer-top">
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="footer-top-content">
<div className="footer-logo">
<Link legacyBehavior href="/">
<a>
<img
className="img-fluid"
src="assets/img/logo_small_light.png"
alt=""
/>
</a>
</Link>
</div>
<div className="footer-contect">
<div className="icon">
<svg
width={33}
height={33}
viewBox="0 0 33 33"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_1999_295)">
<path d="M26.0808 20.4417C25.4052 19.7383 24.5903 19.3622 23.7267 19.3622C22.87 19.3622 22.0481 19.7313 21.3447 20.4348L19.1438 22.6287C18.9627 22.5312 18.7816 22.4407 18.6075 22.3501C18.3568 22.2248 18.12 22.1063 17.918 21.981C15.8564 20.6716 13.9828 18.9652 12.1859 16.7573C11.3153 15.6569 10.7302 14.7305 10.3054 13.7903C10.8765 13.2679 11.4058 12.7247 11.9212 12.2023C12.1162 12.0073 12.3113 11.8053 12.5063 11.6103C13.9689 10.1477 13.9689 8.25321 12.5063 6.79058L10.6049 4.88917C10.3889 4.67326 10.1661 4.45038 9.95713 4.22751C9.53923 3.79569 9.10045 3.34993 8.64773 2.93204C7.97214 2.26341 7.16421 1.9082 6.3145 1.9082C5.46478 1.9082 4.64293 2.26341 3.94644 2.93204C3.93947 2.939 3.93947 2.939 3.93251 2.94597L1.56445 5.33492C0.672947 6.22643 0.164512 7.31295 0.0530735 8.57359C-0.114084 10.6073 0.484896 12.5018 0.944577 13.7415C2.07289 16.7852 3.75839 19.606 6.27271 22.6287C9.32332 26.2713 12.9938 29.1478 17.1867 31.1746C18.7886 31.9338 20.9268 32.8323 23.3158 32.9855C23.462 32.9924 23.6152 32.9994 23.7545 32.9994C25.3634 32.9994 26.7146 32.4213 27.7733 31.2721C27.7802 31.2582 27.7942 31.2512 27.8011 31.2373C28.1633 30.7985 28.5812 30.4015 29.02 29.9767C29.3195 29.6911 29.6259 29.3916 29.9254 29.0782C30.6149 28.3608 30.9771 27.525 30.9771 26.6683C30.9771 25.8047 30.608 24.9759 29.9045 24.2794L26.0808 20.4417ZM28.5742 27.7758C28.5673 27.7758 28.5673 27.7827 28.5742 27.7758C28.3026 28.0683 28.024 28.3329 27.7245 28.6255C27.2718 29.0573 26.8121 29.51 26.3803 30.0184C25.6768 30.7707 24.848 31.1259 23.7615 31.1259C23.657 31.1259 23.5456 31.1259 23.4411 31.1189C21.3726 30.9866 19.4503 30.1786 18.0085 29.4891C14.0664 27.5807 10.6049 24.8714 7.72837 21.4377C5.35334 18.5752 3.76535 15.9285 2.71366 13.0868C2.06592 11.3526 1.82912 10.0014 1.93359 8.72682C2.00324 7.91193 2.31666 7.23633 2.89474 6.65825L5.26976 4.28323C5.61104 3.96284 5.97322 3.78872 6.32843 3.78872C6.76721 3.78872 7.12242 4.05339 7.3453 4.27626C7.35226 4.28323 7.35923 4.29019 7.36619 4.29716C7.79105 4.69415 8.19501 5.10508 8.61987 5.54387C8.83578 5.76675 9.05866 5.98962 9.28153 6.21946L11.1829 8.12087C11.9212 8.85915 11.9212 9.54171 11.1829 10.28C10.981 10.482 10.7859 10.6839 10.584 10.879C9.99891 11.4779 9.44173 12.0351 8.83578 12.5784C8.82185 12.5923 8.80792 12.5993 8.80096 12.6132C8.20198 13.2122 8.31342 13.7972 8.43878 14.1942C8.44575 14.2151 8.45271 14.236 8.45968 14.2569C8.95418 15.4549 9.65067 16.5832 10.7093 17.9274L10.7163 17.9344C12.6386 20.3024 14.6654 22.1481 16.9011 23.562C17.1867 23.7431 17.4792 23.8894 17.7578 24.0287C18.0085 24.154 18.2453 24.2724 18.4473 24.3978C18.4752 24.4117 18.503 24.4326 18.5309 24.4465C18.7677 24.5649 18.9906 24.6207 19.2204 24.6207C19.7985 24.6207 20.1607 24.2585 20.2791 24.1401L22.6611 21.7581C22.8979 21.5213 23.274 21.2357 23.7128 21.2357C24.1446 21.2357 24.4998 21.5074 24.7157 21.7442C24.7227 21.7511 24.7227 21.7511 24.7296 21.7581L28.5673 25.5958C29.2847 26.3062 29.2847 27.0375 28.5742 27.7758Z" />
<path d="M17.8345 7.85011C19.6593 8.15656 21.3169 9.02021 22.6403 10.3435C23.9636 11.6669 24.8203 13.3245 25.1337 15.1493C25.2103 15.609 25.6073 15.9294 26.06 15.9294C26.1157 15.9294 26.1645 15.9224 26.2202 15.9154C26.7356 15.8319 27.0769 15.3443 26.9933 14.8289C26.6172 12.621 25.5725 10.6082 23.9775 9.01324C22.3826 7.41829 20.3697 6.37355 18.1618 5.99745C17.6464 5.91387 17.1659 6.25515 17.0753 6.76359C16.9848 7.27202 17.3191 7.76653 17.8345 7.85011Z" />
<path d="M32.9619 14.557C32.3421 10.9213 30.6287 7.61301 27.996 4.98029C25.3633 2.34757 22.055 0.634209 18.4193 0.0143347C17.9108 -0.0762086 17.4303 0.272035 17.3397 0.780471C17.2562 1.29587 17.5974 1.77645 18.1128 1.86699C21.3585 2.41722 24.3185 3.95645 26.6727 6.30362C29.0268 8.65774 30.5591 11.6178 31.1093 14.8634C31.1859 15.3231 31.5829 15.6435 32.0356 15.6435C32.0913 15.6435 32.1401 15.6365 32.1958 15.6296C32.7042 15.553 33.0525 15.0654 32.9619 14.557Z" />
</g>
</svg>
</div>
<div className="content">
<span>Call Any Time</span>
<h6>
<a href="tel: +2348185431319">(+234)08185431319</a>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="container">
<div className="row g-lg-4 gy-5">
<div className="col-lg-4 col-sm-6 d-flex">
<div className="footer-widget">
<div className="footer-contact mb-40">
<h4>
<svg
width={14}
height={20}
viewBox="0 0 14 20"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M12.9213 3.4249C11.7076 1.33021 9.55162 0.0504883 7.15416 0.00158203C7.05181 -0.000527344 6.9488 -0.000527344 6.84642 0.00158203C4.449 0.0504883 2.29306 1.33021 1.07923 3.4249C-0.161468 5.566 -0.195414 8.13787 0.988414 10.3047L5.94791 19.3823C5.95013 19.3863 5.95236 19.3904 5.95466 19.3944C6.17287 19.7736 6.56377 20 7.00037 20C7.43693 20 7.82783 19.7736 8.04599 19.3944C8.0483 19.3904 8.05052 19.3863 8.05275 19.3823L13.0122 10.3047C14.196 8.13787 14.162 5.566 12.9213 3.4249ZM7.00029 9.06252C5.44947 9.06252 4.18779 7.80084 4.18779 6.25002C4.18779 4.6992 5.44947 3.43752 7.00029 3.43752C8.55111 3.43752 9.81279 4.6992 9.81279 6.25002C9.81279 7.80084 8.55115 9.06252 7.00029 9.06252Z" />
</svg>
Address
</h4>
<a href="#">
House 1 Arch Jide Ololade street,Ebute-Igbogbo Rd., Ikorodu,
Lagos
</a>
</div>
<div className="footer-contact mb-40">
<h4>
<svg
width={20}
height={20}
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M7.29163 14.6767V18.5417C7.29227 18.6731 7.33422 18.8009 7.41154 18.9071C7.48886 19.0133 7.59764 19.0924 7.72245 19.1334C7.84727 19.1743 7.9818 19.1749 8.10699 19.1351C8.23217 19.0954 8.34167 19.0172 8.41997 18.9117L10.6808 15.8351L7.29163 14.6767ZM19.7375 0.115895C19.6436 0.0490233 19.533 0.00942685 19.418 0.00148505C19.303 -0.00645676 19.188 0.0175656 19.0858 0.0708953L0.3358 9.86256C0.227918 9.91958 0.13903 10.0069 0.0800422 10.1137C0.0210548 10.2205 -0.00546466 10.3422 0.00373833 10.4639C0.0129413 10.5855 0.0574664 10.7019 0.131849 10.7986C0.206232 10.8953 0.307236 10.9683 0.422467 11.0084L5.63497 12.7901L16.7358 3.2984L8.1458 13.6476L16.8816 16.6334C16.9683 16.6625 17.0603 16.6723 17.1512 16.6622C17.2421 16.652 17.3296 16.6221 17.4078 16.5746C17.4859 16.527 17.5526 16.463 17.6034 16.3869C17.6542 16.3108 17.6877 16.2246 17.7016 16.1342L19.9933 0.717562C20.0103 0.603437 19.9953 0.486844 19.9502 0.380665C19.905 0.274486 19.8314 0.182855 19.7375 0.115895Z" />
</svg>
Say Hello
</h4>
<a href="mailto:[email protected]">
</a>
</div>
<div className="footer-contact">
<h6>See Our New updates</h6>
<form>
<div className="form-inner">
<input
onChange={onChange}
type="email"
value={email}
placeholder="Email here..."
/>
<button onClick={onSubmit}>
<svg
width={17}
height={17}
viewBox="0 0 13 13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M0 1H12M12 1V13M12 1L0.5 12" />
</svg>
</button>
</div>
</form>
<br />
{status == "SUCCESS" && <h6>Thank You!</h6>}
{status == "ERROR" && <h6>excellent</h6>}
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6 d-flex justify-content-lg-start justify-content-sm-end">
<div className="footer-widget">
<div className="widget-title">
<h4>Our Solutions</h4>
</div>
<div className="menu-container">
<ul>
<li>
<Link legacyBehavior href="/service">
<a>Software Development</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/service">
<a>Web Development</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/service">
<a>Mobile (Andriod and IOS) Development</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/service">
<a>Cloud Services</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/service">
<a>Training and Staff Development</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/service">
<a>Talent Recruitment and Outsourcing</a>
</Link>
</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-2 col-sm-6 d-flex justify-content-lg-center">
<div className="footer-widget">
<div className="widget-title">
<h4>Company</h4>
</div>
<div className="menu-container">
<ul>
<li>
<Link legacyBehavior href="/about">
<a>About Us</a>
</Link>
</li>
{/* <li>
<Link legacyBehavior href="/case-study">
<a>Case Study</a>
</Link>
</li> */}
<li>
<Link legacyBehavior href="/blog">
<a>News & Article;</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/team">
<a>Our Team</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/project">
<a>All Portfolio</a>
</Link>
</li>
</ul>
</div>
</div>
</div>
<div className="col-lg-3 col-sm-6 d-flex justify-content-sm-end">
<div className="footer-widget">
<div className="widget-title">
<h4>Resources</h4>
</div>
<div className="menu-container">
<ul>
<li>
<Link legacyBehavior href="/team">
<a href="/team">Team</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/contact">
<a href="/contact">Contact</a>
</Link>
</li>
<li>
<Link legacyBehavior href="/faq">
<a href="/faq">FAQ</a>
</Link>
</li>
<li>
<a href="#">Privacy Policy</a>
</li>
<li>
<a href="https://career.pacific-professional.com.ng/">
Career
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div className="footer-btm">
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="footer-btn-content">
<div className="copyright-area">
<p>
©Copyright {new Date().getFullYear()}{" "}
<a href="#">Pacific-tech</a>
</p>
</div>
<div className="footer-social">
<ul>
<li>
<a href="https://web.facebook.com/ppslimited">
<i className="bx bxl-facebook" />
</a>
</li>
{/* <li>
<a href="https://twitter.com/pacific_nig">
<i className="bx bxl-twitter" />
</a>
</li> */}
<li>
<a href="https://www.linkedin.com/company/pacificpro">
<i className="bx bxl-pinterest-alt" />
</a>
</li>
<li>
<a href="https://www.instagram.com/pacific_technology_service">
<i className="bx bxl-instagram" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
);
}
export default Footer3;