235 lines
14 KiB
TypeScript
235 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import { Sparkles, Zap, CheckCircle, Clock, MapPin, Star, Phone } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Smart City Eco"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Call Now", href: "tel:(647)482-4296"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Professional Dry Cleaning in Brampton"
|
|
description="Eco-friendly garment care, expert stain removal, and clothing repairs. Fast, reliable service at Centennial Mall."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "4.4★", label: "Google Rating" },
|
|
{ value: "20+", label: "Years Experience" },
|
|
{ value: "1000+", label: "Happy Customers" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Trusted Local Service"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:(647)482-4296" },
|
|
{ text: "Get a Quote", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-fashionable-clothes-hangers-shop_627829-6026.jpg?_wi=1"
|
|
imageAlt="Professional dry cleaning service"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
ariaLabel="Hero section for Smart City Eco Dry Cleaners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Choose Smart City Eco Dry Cleaners? We're committed to quality garment care with eco-friendly practices and exceptional customer service."
|
|
metrics={[
|
|
{ icon: CheckCircle, label: "Expert Garment Care", value: "Eco-Friendly" },
|
|
{ icon: Clock, label: "Fast Turnaround", value: "24-48 Hours" },
|
|
{ icon: MapPin, label: "Local Brampton", value: "Centennial Mall" },
|
|
{ icon: Star, label: "Customer Satisfaction", value: "4.4/5 Stars" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About metrics section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Professional Dry Cleaning", description: "Expert cleaning for all fabric types with attention to detail and eco-friendly methods.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-fashionable-clothes-hangers-shop_627829-6026.jpg?_wi=2", imageAlt: "Professional dry cleaning service"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-fashionable-clothes-hangers-shop_627829-6026.jpg?_wi=3", imageAlt: "Professional dry cleaning service"},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Expert Repairs & Alterations", description: "Expert tailoring, zipper repairs, hemming, and alterations to make your clothes fit perfectly.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-is-cutting-off-fabric-with-scissors-he-is-wearing-denim-closeup-photo-shoot_613910-21806.jpg?_wi=1", imageAlt: "Clothing repair and alterations"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-is-cutting-off-fabric-with-scissors-he-is-wearing-denim-closeup-photo-shoot_613910-21806.jpg?_wi=2", imageAlt: "Clothing repair and alterations"},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Stain Removal & Special Care", description: "Advanced stain removal techniques and specialized care for delicate fabrics and wedding dresses.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-using-rag-cleaning-product_23-2148456940.jpg?_wi=1", imageAlt: "Stain removal and fabric care"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-using-rag-cleaning-product_23-2148456940.jpg?_wi=2", imageAlt: "Stain removal and fabric care"},
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Our Premium Services"
|
|
description="Comprehensive garment care solutions for every need"
|
|
tag="Full-Service Dry Cleaning"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[{ text: "Contact Us Today", href: "tel:(647)482-4296" }]}
|
|
buttonAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Our premium services section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Exceptional Service", quote: "Work clothes came back super crisp and perfectly pressed. Best dry cleaners in Brampton!", name: "John Smith", role: "Business Professional", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "John Smith, Business Professional"},
|
|
{
|
|
id: "2", title: "Expert Repairs", quote: "Owner fixed my blouse and it looked brand new. Their attention to detail is incredible.", name: "Sarah Johnson", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1", imageAlt: "Sarah Johnson, Customer"},
|
|
{
|
|
id: "3", title: "Highly Recommended", quote: "I highly recommend to friends and family. They never disappoint with quality and service.", name: "Michael Chen", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Chen, Regular Customer"},
|
|
{
|
|
id: "4", title: "Fast & Reliable", quote: "Quick turnaround and amazing quality. This is my go-to dry cleaner in Brampton.", name: "Emily Davis", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Emily Davis, Customer"},
|
|
{
|
|
id: "5", title: "Worth Every Dollar", quote: "Professional service, fair pricing, and they really care about your clothes.", name: "David Wilson", role: "Long-time Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "David Wilson, Long-time Customer"},
|
|
{
|
|
id: "6", title: "Best in Area", quote: "Fantastic quality and friendly staff. Best dry cleaning experience I've had.", name: "Lisa Anderson", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1", imageAlt: "Lisa Anderson, Satisfied Customer"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Real reviews from satisfied customers in Brampton"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Customer testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your operating hours?", content: "We're open Monday through Friday 8 AM to 6 PM, and Saturday 9 AM to 4 PM. We're closed on Sundays. Located at Centennial Mall, 227 Vodden St E Unit 10A."},
|
|
{
|
|
id: "2", title: "How long does dry cleaning take?", content: "Most items are ready within 24-48 hours. Express service available for rush orders. Special items like wedding dresses may take 1-2 weeks depending on complexity."},
|
|
{
|
|
id: "3", title: "Do you offer pickup and delivery?", content: "Currently, we operate from our Centennial Mall location. We recommend calling for custom arrangements for bulk orders."},
|
|
{
|
|
id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and debit. Call us at (647) 482-4296 for payment details and pricing information."},
|
|
{
|
|
id: "5", title: "Can you remove tough stains?", content: "Yes! Our advanced stain removal techniques handle most stains. Bring items in quickly for best results. We specialize in wine, grease, and ink stains."},
|
|
{
|
|
id: "6", title: "Do you offer alterations?", content: "Absolutely! We offer hemming, zipper repairs, seam fixes, and general alterations. Our experienced tailors ensure perfect fit."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Get answers to common questions about our services, pricing, and policies."
|
|
textPosition="left"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="blur-reveal"
|
|
animationType="smooth"
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Contact Us Today"
|
|
description="Have questions? Need a quote? Call, visit, or fill out the form below and we'll get back to you quickly."
|
|
tagIcon={Phone}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-948.jpg?_wi=1"
|
|
imageAlt="Contact us for dry cleaning services"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We'll send you cleaning tips and special offers. Unsubscribe anytime."
|
|
ariaLabel="Contact section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-woman-style-accessories-red-knitted-sweater-checkered-shirt-denim-jeans-black-leather-boots-hat-autumn-fashion-trend-view-from-vintage-photo-camera-traveler-outfit_285396-5116.jpg?_wi=1"
|
|
imageAlt="Professional garment care background"
|
|
logoText="Smart City Eco Dry Cleaners"
|
|
copyrightText="© 2025 Smart City Eco Dry Cleaners. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Dry Cleaning", href: "/services" },
|
|
{ label: "Repairs & Alterations", href: "/services" },
|
|
{ label: "Stain Removal", href: "/services" },
|
|
{ label: "Wedding Dress Cleaning", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Reviews", href: "/reviews" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Location", href: "https://maps.google.com/?q=Smart+City+Eco+Dry+Cleaners+Brampton" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (647) 482-4296", href: "tel:(647)482-4296" },
|
|
{ label: "227 Vodden St E Unit 10A", href: "https://maps.google.com/?q=227+Vodden+St+E+Unit+10A+Brampton" },
|
|
{ label: "Centennial Mall, Brampton", href: "#" },
|
|
{ label: "Hours: Mon-Fri 8AM-6PM, Sat 9AM-4PM", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |