112 lines
3.7 KiB
JavaScript
112 lines
3.7 KiB
JavaScript
"use client";
|
||
import React from "react";
|
||
import Link from "next/link";
|
||
import Image from "next/image";
|
||
export default function Contact() {
|
||
return (
|
||
<div className="page-title style-default -mb_11">
|
||
<div className="section-contact style-default position-relative py-0">
|
||
<div className="tf-container">
|
||
<div className="row">
|
||
<div className="col-lg-6">
|
||
<div className="left">
|
||
<div className="heading">
|
||
<h1 className="mb_21">
|
||
Success is a team play, right? Let’s work together!
|
||
</h1>
|
||
<ul className="breadcrumb">
|
||
<li>
|
||
<Link href={`/`} className="link">
|
||
Home
|
||
</Link>
|
||
</li>
|
||
<li>Contact</li>
|
||
</ul>
|
||
</div>
|
||
<div className="bot">
|
||
<div className="content mb-0">
|
||
<h6>+068 5681 96 96</h6>
|
||
<p className="text-body-2 text_mono-gray-6">
|
||
Call us for urgent
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6">
|
||
<form
|
||
className="form-contact"
|
||
onSubmit={(e) => e.preventDefault()}
|
||
>
|
||
<fieldset>
|
||
<label className="mb_15" htmlFor="name">
|
||
Full Name*
|
||
</label>
|
||
<input
|
||
type="text"
|
||
placeholder="Full Name"
|
||
id="name"
|
||
required
|
||
/>
|
||
</fieldset>
|
||
<div className="grid-2 gap_24">
|
||
<fieldset>
|
||
<label className="mb_15" htmlFor="email">
|
||
Email Address*
|
||
</label>
|
||
<input
|
||
type="email"
|
||
placeholder="Your email address*"
|
||
id="email"
|
||
required
|
||
/>
|
||
</fieldset>
|
||
<fieldset>
|
||
<label className="mb_15" htmlFor="phone">
|
||
Phone Number
|
||
<span className="text_mono-gray-5">(Optional)</span>
|
||
</label>
|
||
<input
|
||
type="text"
|
||
placeholder="Your phone number"
|
||
id="phone"
|
||
required
|
||
/>
|
||
</fieldset>
|
||
</div>
|
||
<fieldset className="">
|
||
<label className="mb_15" htmlFor="message">
|
||
Message
|
||
</label>
|
||
<textarea
|
||
className="message"
|
||
placeholder="Write your message here..."
|
||
id="message"
|
||
defaultValue={""}
|
||
/>
|
||
</fieldset>
|
||
<a href="#" className="link attachment">
|
||
<i className="icon-paperclip-solid" />
|
||
Add an attachment
|
||
</a>
|
||
<button type="submit" className="tf-btn btn-primary2 mt_22">
|
||
<span>Send Message</span>
|
||
<span className="bg-effect" />
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="shape position-absolute">
|
||
<Image
|
||
alt="item"
|
||
src="/images/item/shape-5.png"
|
||
width={1105}
|
||
height={720}
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|