84 lines
2.9 KiB
JavaScript
84 lines
2.9 KiB
JavaScript
"use client";
|
||
import React from "react";
|
||
|
||
export default function Contact() {
|
||
return (
|
||
<div className="section-contact style-1 tf-spacing-20 pt-0">
|
||
<div className="tf-container-2">
|
||
<div className="heading-section text-center mb_63">
|
||
<div className="heading-tag style-2 text_mono-gray-5 text-body-3 mx-auto text-uppercase mb_12">
|
||
Works with us
|
||
</div>
|
||
<h1 className="heading-title fw-6 split-text effect-right">
|
||
Let’s work together!
|
||
</h1>
|
||
<p
|
||
className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
|
||
data-wow-delay="0s"
|
||
>
|
||
Partner with us to unlock tailored solutions, backed by expertise
|
||
and a <br />
|
||
commitment to your success.
|
||
</p>
|
||
</div>
|
||
<div className="box-inner">
|
||
<form className="form-contact" onSubmit={(e) => e.preventDefault()}>
|
||
<div className="wrap">
|
||
<fieldset className="mb_20">
|
||
<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 mb_20">
|
||
<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="mb_24">
|
||
<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>
|
||
</div>
|
||
<button type="submit" className="tf-btn btn-primary2 height-2">
|
||
<span>Send Message</span>
|
||
<span className="bg-effect" />
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|