196 lines
8.0 KiB
TypeScript
196 lines
8.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { CheckCircle, Mail, Phone, MapPin } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Reviews", href: "/reviews" },
|
|
{ label: "About", href: "/about" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Mini Valet", href: "/services" },
|
|
{ label: "Full Valet", href: "/services" },
|
|
{ label: "Interior Clean", href: "/services" },
|
|
{ label: "Pricing", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/447729812666" },
|
|
{ label: "Call: +44 7729 812666", href: "tel:+447729812666" },
|
|
{ label: "Oldham, UK", href: "https://maps.google.com/?q=Ripponden+Rd+Oldham+OL1+4JN" },
|
|
{ label: "Open 9 AM Daily", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Sitemap", href: "#sitemap" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={navItems}
|
|
brandName="UK's Hand Car Wash"
|
|
button={{ text: "Book Now", href: "/contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="UK's Hand Car Wash LTD"
|
|
description="Professional hand car washing services in Oldham. 4.6★ rated by 144+ satisfied customers. Fast, professional, affordable. Book your appointment today."
|
|
buttons={[
|
|
{ text: "Book on WhatsApp", href: "https://wa.me/447729812666" },
|
|
{ text: "Call Now", href: "tel:+447729812666" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg?_wi=2"
|
|
imageAlt="Professional car wash service in Oldham"
|
|
mediaAnimation="opacity"
|
|
frameStyle="card"
|
|
ariaLabel="Hero section - UK's Hand Car Wash LTD"
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking-contact" data-section="booking-contact">
|
|
<ContactCenter
|
|
tag="Ready to Shine?"
|
|
title="Book Your Appointment Today"
|
|
description="Get your car professionally cleaned. Use WhatsApp for instant booking or call us. We offer flexible scheduling and exceptional service."
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your WhatsApp number"
|
|
buttonText="Get WhatsApp Link"
|
|
termsText="By booking you agree to our terms of service."
|
|
ariaLabel="Contact and booking section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16 md:py-24">
|
|
<div className="max-w-3xl mx-auto">
|
|
<h2 className="text-3xl md:text-4xl font-extrabold text-center mb-12 text-foreground">
|
|
Get in Touch
|
|
</h2>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8">
|
|
<div className="flex flex-col items-center text-center p-6 bg-card rounded-lg border border-accent/20">
|
|
<Phone className="w-8 h-8 text-accent mb-4" />
|
|
<h3 className="font-extrabold text-lg mb-2 text-foreground">Call Us</h3>
|
|
<a
|
|
href="tel:+447729812666"
|
|
className="text-accent hover:underline"
|
|
>
|
|
+44 7729 812666
|
|
</a>
|
|
<p className="text-sm text-foreground/60 mt-2">Available 9 AM - 6 PM Daily</p>
|
|
</div>
|
|
|
|
<div className="flex flex-col items-center text-center p-6 bg-card rounded-lg border border-accent/20">
|
|
<Mail className="w-8 h-8 text-accent mb-4" />
|
|
<h3 className="font-extrabold text-lg mb-2 text-foreground">WhatsApp</h3>
|
|
<a
|
|
href="https://wa.me/447729812666"
|
|
className="text-accent hover:underline"
|
|
>
|
|
Message on WhatsApp
|
|
</a>
|
|
<p className="text-sm text-foreground/60 mt-2">Instant booking & confirmation</p>
|
|
</div>
|
|
|
|
<div className="flex flex-col items-center text-center p-6 bg-card rounded-lg border border-accent/20">
|
|
<MapPin className="w-8 h-8 text-accent mb-4" />
|
|
<h3 className="font-extrabold text-lg mb-2 text-foreground">Location</h3>
|
|
<a
|
|
href="https://maps.google.com/?q=Ripponden+Rd+Oldham+OL1+4JN"
|
|
className="text-accent hover:underline"
|
|
>
|
|
Oldham, Manchester
|
|
</a>
|
|
<p className="text-sm text-foreground/60 mt-2">Local service area coverage</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-12 p-8 bg-gradient-to-r from-accent/10 to-accent/5 rounded-lg border border-accent/20">
|
|
<h3 className="font-extrabold text-xl mb-4 text-foreground">Why Book With Us?</h3>
|
|
<ul className="space-y-3 text-foreground/80">
|
|
<li className="flex items-start">
|
|
<CheckCircle className="w-5 h-5 text-accent mr-3 mt-0.5 flex-shrink-0" />
|
|
<span>4.6★ Rated by 144+ customers</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<CheckCircle className="w-5 h-5 text-accent mr-3 mt-0.5 flex-shrink-0" />
|
|
<span>Professional certified team with years of experience</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<CheckCircle className="w-5 h-5 text-accent mr-3 mt-0.5 flex-shrink-0" />
|
|
<span>Quick turnaround: 30 minutes to 90+ minutes depending on service</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<CheckCircle className="w-5 h-5 text-accent mr-3 mt-0.5 flex-shrink-0" />
|
|
<span>Transparent pricing with no hidden fees</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<CheckCircle className="w-5 h-5 text-accent mr-3 mt-0.5 flex-shrink-0" />
|
|
<span>Flexible booking via WhatsApp or phone call</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2024 UK's Hand Car Wash LTD. All rights reserved. Professional car washing services in Oldham, Manchester."
|
|
ariaLabel="Footer navigation and information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |