Files
keystone/components/otherPages/Contact.jsx
2025-08-13 20:21:20 +05:30

113 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 text_primary">
Let's Start Building Solutions 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 className="text_primary">+91 90954 50005</h6>
<p className="text-body-2 text_primary">
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>
);
}