mukeshs/keystone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Almost updated

Browse Source
This commit is contained in:
mukesh13
2025-08-13 20:21:20 +05:30
parent c6629e4daa
commit a286215d0f
31 changed files with 1163 additions and 665 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
components/common/Contact.jsx
View File

@ -2,43 +2,54 @@
import React from "react";
import Link from "next/link";
import Image from "next/image";
export default function Contact() {
return (
<div className="section-contact style-default position-relative">
<div className="tf-container">
<div className="section-contact style-default position-relative" style={{ paddingLeft: "30px", paddingRight: "30px" }}>
<div className="tf-container-2" style={{ padding:"30px", background: "linear-gradient(89.8deg, #ff3a2d -0.43%, #ffa13f 100.84%)", borderRadius: "26px" }}>
<div className="row">
<div className="col-lg-6">
<div className="left">
<div className="heading">
<div className="h1 split-text split-lines-rotation-x">
Success is a team play, right? Let's work together!
<div className="h1 split-text split-lines-rotation-x text-white">
Let's Start Building Solutions Together
</div>
</div>
<div className="bot">
<div className="content">
<h6 className="mb_5">+91 90954 50005</h6>
<p className="text-body-2 text_mono-gray-6">
Call us for urgent
<h6 className="mb_5 text-white">+91 90954 50005</h6>
<p className="text-body-2 text-white">
Call us for urgent Inquiry
</p>
</div>
<Link href={`/contact-us`} className="tf-btn btn-primary2 h36">
<span className="text-caption">Get Direction</span>
{/* <Link
href="https://maps.app.goo.gl/pznAE2GE6p3YUhrE7?g_st=com.google.maps.preview.copy"
target="_blank"
rel="noopener noreferrer"
className="tf-btn btn-primary2 h36"
style={{
backgroundColor: 'white',
color: 'black',
border: '1px solid #ddd'
}}
>
<span className="text-caption" style={{ color: 'black' }}>Get Direction</span>
<span className="bg-effect" />
</Link>
</Link> */}
</div>
</div>
</div>
<div className="col-lg-6">
<form onSubmit={(e) => e.preventDefault()} className="form-contact">
<fieldset>
<label className="mb_15" htmlFor="name">
<form onSubmit={(e) => e.preventDefault()} className="form-contact" style={{ gap: "10px !important" }}>
<fieldset style={{ marginBottom: "5px !important" }}>
<label htmlFor="name" style={{ display: "block", marginBottom: "5px !important", color: "black", fontWeight: "500" }}>
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">
<div className="grid-2 gap_24" style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "5px !important", marginBottom: "5px !important" }}>
<fieldset style={{ marginBottom: "0px !important" }}>
<label htmlFor="email" style={{ display: "block", marginBottom: "5px !important", color: "black", fontWeight: "500" }}>
Email Address*
</label>
<input
@ -48,21 +59,20 @@ export default function Contact() {
required
/>
</fieldset>
<fieldset>
<label className="mb_15" htmlFor="phone">
<fieldset style={{ marginBottom: "0px !important" }}>
<label htmlFor="phone" style={{ display: "block", marginBottom: "5px !important", color: "black", fontWeight: "500" }}>
Phone Number
<span className="text_mono-gray-5">(Optional)</span>
<span style={{ opacity: "0.6", color: "black" }}> (Optional)</span>
</label>
<input
type="text"
placeholder="Your phone number"
id="phone"
required
/>
</fieldset>
</div>
<fieldset className="">
<label className="mb_15" htmlFor="message">
<fieldset style={{ marginBottom: "5px !important" }}>
<label htmlFor="message" style={{ display: "block", marginBottom: "5px !important", color: "black", fontWeight: "500" }}>
Message
</label>
<textarea
@ -72,11 +82,11 @@ export default function Contact() {
defaultValue={""}
/>
</fieldset>
<a href="#" className="link attachment">
<a href="#" className="link attachment text-dark" style={{ marginBottom: "5px !important", display: "inline-block" }}>
<i className="icon-paperclip-solid" />
Add an attachment
</a>
<button type="submit" className="tf-btn btn-primary2 mt_27">
<button type="submit" className="tf-btn btn-primary2">
<span>Send Message</span>
<span className="bg-effect" />
</button>
@ -84,14 +94,14 @@ export default function Contact() {
</div>
</div>
</div>
<div className="shape position-absolute">
{/* <div className="shape position-absolute">
<Image
alt="item"
src="/images/item/shape-5.png"
width={1105}
height={720}
/>
</div>
</div> */}
</div>
);
}
}