Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,53 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import { Phone, Mail, MapPin } from "lucide-react";
|
||||
import { Phone } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Why Us", id: "/about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Chair Dry Cleaning", href: "/" },
|
||||
{ label: "Deep Cleaning", href: "/" },
|
||||
{ label: "Sofa Cleaning", href: "/" },
|
||||
{ label: "Carpet Cleaning", href: "/" },
|
||||
{ label: "Commercial Cleaning", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Service Areas", href: "/" },
|
||||
{ label: "Reviews", href: "/" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Call: 087500 94616", href: "tel:087500-94616" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Phone: 087500 94616", href: "tel:087500-94616" },
|
||||
{ label: "Open 24 Hours", href: "#" },
|
||||
{ label: "3rd Floor, Tower-C 319", href: "#" },
|
||||
{ label: "Noida One IT Park, Sector 62", href: "#" },
|
||||
{ label: "Noida, Uttar Pradesh 201309", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -56,7 +15,7 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -64,154 +23,129 @@ export default function ContactPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "📞 Call Now", href: "tel:087500-94616" }}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about-us" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "📞 Call Now", href: "tel:087500-94616"
|
||||
}}
|
||||
brandName="We Clean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-hero" data-section="contact-hero" className="mx-auto px-4 md:px-6 py-20">
|
||||
<div className="max-w-4xl mx-auto text-center">
|
||||
<div className="mb-6">
|
||||
<span className="text-sm font-medium text-blue-600 bg-blue-50 px-4 py-2 rounded-full inline-block">
|
||||
Contact Us
|
||||
</span>
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-foreground mb-6">
|
||||
Get in Touch with We Clean
|
||||
</h1>
|
||||
<p className="text-xl text-foreground/70 mb-12 max-w-2xl mx-auto">
|
||||
Have questions about our cleaning services? Need a quote? We're here to help! Contact us now and our team will respond within hours.
|
||||
</p>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="CONTACT US"
|
||||
description="Get in touch with We Clean for professional housekeeping and cleaning services. Available 24/7 for bookings, quotes, and customer support. Call us anytime to discuss your cleaning needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Call Now: 087500 94616", href: "tel:087500-94616"
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote", href: "#contact-form"
|
||||
}
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg"
|
||||
imageAlt="Contact our professional team"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
background={{
|
||||
variant: "plain"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16">
|
||||
<div className="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="bg-card rounded-2xl p-8 border border-accent/20 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-center w-12 h-12 rounded-xl bg-blue-100 mb-4">
|
||||
<Phone className="w-6 h-6 text-blue-600" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-foreground mb-2">Call Us</h3>
|
||||
<p className="text-foreground/70 mb-4">Available 24/7 for your cleaning needs</p>
|
||||
<a href="tel:087500-94616" className="text-blue-600 font-semibold hover:underline">
|
||||
087500 94616
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="bg-card rounded-2xl p-8 border border-accent/20 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-center w-12 h-12 rounded-xl bg-blue-100 mb-4">
|
||||
<Mail className="w-6 h-6 text-blue-600" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-foreground mb-2">Email Us</h3>
|
||||
<p className="text-foreground/70 mb-4">Send us your inquiry and we'll respond quickly</p>
|
||||
<a href="mailto:info@weclean.in" className="text-blue-600 font-semibold hover:underline">
|
||||
info@weclean.in
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="bg-card rounded-2xl p-8 border border-accent/20 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-center w-12 h-12 rounded-xl bg-blue-100 mb-4">
|
||||
<MapPin className="w-6 h-6 text-blue-600" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-foreground mb-2">Visit Us</h3>
|
||||
<p className="text-foreground/70">
|
||||
3rd Floor, Tower-C 319<br />
|
||||
Noida One IT Park, Sector 62<br />
|
||||
Noida, Uttar Pradesh 201309
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6 py-16">
|
||||
<div className="max-w-2xl mx-auto bg-card rounded-2xl border border-accent/20 p-8 md:p-12">
|
||||
<h2 className="text-3xl font-bold text-foreground mb-2">Request a Free Quote</h2>
|
||||
<p className="text-foreground/70 mb-8">Fill out the form below and we'll contact you within 24 hours</p>
|
||||
|
||||
<form className="space-y-6">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Full Name</label>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Your name"
|
||||
className="w-full px-4 py-3 rounded-lg border border-accent/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Phone Number</label>
|
||||
<input
|
||||
type="tel"
|
||||
placeholder="087500 94616"
|
||||
className="w-full px-4 py-3 rounded-lg border border-accent/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Select Service</label>
|
||||
<select className="w-full px-4 py-3 rounded-lg border border-accent/20 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Choose a service</option>
|
||||
<option>Chair Dry Cleaning</option>
|
||||
<option>Deep Home Cleaning</option>
|
||||
<option>Commercial Housekeeping</option>
|
||||
<option>Carpet Cleaning</option>
|
||||
<option>Sofa Cleaning</option>
|
||||
<option>Floor Scrubbing & Polishing</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Address</label>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Your address in Noida"
|
||||
className="w-full px-4 py-3 rounded-lg border border-accent/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Message (Optional)</label>
|
||||
<textarea
|
||||
placeholder="Tell us more about your cleaning needs"
|
||||
rows={4}
|
||||
className="w-full px-4 py-3 rounded-lg border border-accent/20 focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors"
|
||||
>
|
||||
Get Free Quote
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 py-16">
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
tagIcon={Phone}
|
||||
title="Need Cleaning Today?"
|
||||
description="Contact us now for immediate service or to book your free cleaning quote. Available 24/7 for all your housekeeping needs."
|
||||
title="Ready to Book Your Cleaning Service?"
|
||||
description="Contact We Clean today for professional housekeeping services. Our team is available 24/7 to answer your questions, provide quotes, or schedule your cleaning appointment. We pride ourselves on fast response times and exceptional service."
|
||||
buttons={[
|
||||
{ text: "📞 Call: 087500 94616", href: "tel:087500-94616" },
|
||||
{ text: "Get Free Quote", href: "#contact-form" },
|
||||
{
|
||||
text: "📞 Call: 087500 94616", href: "tel:087500-94616"
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote", href: "tel:087500-94616"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "aurora" }}
|
||||
background={{
|
||||
variant: "plain"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-boy-with-glasses-cleans-house-with-vacuum-cleaner_169016-11493.jpg?_wi=10"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-boy-with-glasses-cleans-house-with-vacuum-cleaner_169016-11493.jpg"
|
||||
imageAlt="We Clean Housekeeping Services"
|
||||
logoText="We Clean"
|
||||
copyrightText="© 2024 We Clean Housekeeping Services. All rights reserved."
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Chair Dry Cleaning", href: "/services/chair-dry-cleaning"
|
||||
},
|
||||
{
|
||||
label: "Deep Cleaning", href: "/services/deep-cleaning"
|
||||
},
|
||||
{
|
||||
label: "Sofa Cleaning", href: "/services"
|
||||
},
|
||||
{
|
||||
label: "Carpet Cleaning", href: "/services"
|
||||
},
|
||||
{
|
||||
label: "Commercial Cleaning", href: "/services/commercial-housekeeping"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about-us"
|
||||
},
|
||||
{
|
||||
label: "Service Areas", href: "/service-areas"
|
||||
},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Call: 087500 94616", href: "tel:087500-94616"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: 087500 94616", href: "tel:087500-94616"
|
||||
},
|
||||
{
|
||||
label: "Open 24 Hours", href: "#"
|
||||
},
|
||||
{
|
||||
label: "3rd Floor, Tower-C 319", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Noida One IT Park, Sector 62", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Noida, Uttar Pradesh 201309", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user