189 lines
8.6 KiB
TypeScript
189 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Shield, Award, Wrench, Clock, CheckCircle, MapPin, AlertCircle, Zap, Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Elite Appliance Service"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Brands", id: "brands" },
|
|
{ name: "Expertise", id: "expertise" },
|
|
{ name: "Support", id: "support" },
|
|
]}
|
|
button={{ text: "Request Service", href: "#request" }}
|
|
animateOnLoad={true}
|
|
className="bg-white/95 backdrop-blur-md border border-slate-200 shadow-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Winnipeg's Premier Luxury Appliance Repair"
|
|
description="Expert restoration and maintenance for Sub-Zero, Wolf, Miele, and premium appliances. Certified technicians serving residential and commercial clients with uncompromising quality."
|
|
background={{ variant: "gradient-bars" }}
|
|
kpis={[
|
|
{ value: "25+", label: "Years Experience" },
|
|
{ value: "98%", label: "Customer Satisfaction" },
|
|
{ value: "4-Hour", label: "Emergency Response" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Certified Luxury Specialists"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Residential Repair", href: "#residential" },
|
|
{ text: "Commercial Services", href: "#commercial" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-having-fun-fight-kitchen_23-2148018361.jpg"
|
|
imageAlt="professional appliance repair technician luxury kitchen"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
className="min-h-screen flex items-center justify-center"
|
|
titleClassName="text-5xl md:text-7xl font-light tracking-tight text-foreground"
|
|
descriptionClassName="text-lg md:text-xl text-foreground/80 max-w-2xl"
|
|
buttonClassName="px-8 py-3 font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardMedia
|
|
title="Choose Your Service Path"
|
|
description="Whether you need residential excellence or restaurant-grade commercial support, Elite Appliance Service delivers precision repair and maintenance."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Dual Expertise"
|
|
tagIcon={Zap}
|
|
features={[
|
|
{
|
|
id: "residential", title: "Residential Repair", description: "Premium home appliance repair and maintenance for luxury kitchens. We handle all major brands with white-glove service.", tag: "Home Service", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-make-coffee_176420-6088.jpg", imageAlt: "luxury home kitchen appliance repair service", buttons: [{ text: "Request Residential Service", href: "#request" }],
|
|
},
|
|
{
|
|
id: "commercial", title: "Commercial & Restaurant Services", description: "Rapid response and minimized downtime for restaurants, hotels, and commercial kitchens. 24/7 emergency support available.", tag: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208296.jpg", imageAlt: "commercial restaurant kitchen appliance repair", buttons: [{ text: "Commercial Inquiry", href: "#commercial-contact" }],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="support" data-section="support">
|
|
<MetricCardThree
|
|
title="24/7 Emergency Support"
|
|
description="Elite Appliance Service is ready when you need us most."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
metrics={[
|
|
{ id: "emergency", icon: AlertCircle, title: "Emergency", value: "Available" },
|
|
{ id: "response", icon: Zap, title: "Response", value: "4 Hours" },
|
|
{ id: "certified", icon: Shield, title: "Certified", value: "Factory" },
|
|
{ id: "warranty", icon: CheckCircle, title: "Warranty", value: "3 Years" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="brands" data-section="brands">
|
|
<SocialProofOne
|
|
title="Certified Luxury Brand Specialists"
|
|
description="Factory-certified to repair and service the world's most prestigious appliance brands."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Premium Certifications"
|
|
tagIcon={Award}
|
|
names={[
|
|
"Sub-Zero", "Wolf", "Miele", "Viking", "Thermador", "LG", "Samsung"]}
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="expertise" data-section="expertise">
|
|
<AboutMetric
|
|
title="Our Expertise in Luxury Appliance Restoration"
|
|
metrics={[
|
|
{ icon: Wrench, label: "Appliance Types", value: "50+" },
|
|
{ icon: Clock, label: "Average Repair Time", value: "Same Day" },
|
|
{ icon: CheckCircle, label: "Warranty on Parts", value: "3 Years" },
|
|
{ icon: MapPin, label: "Winnipeg Coverage", value: "Full City" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="request" data-section="request">
|
|
<ContactCTA
|
|
tag="Schedule Now"
|
|
tagIcon={Calendar}
|
|
title="Request a Service Appointment"
|
|
description="Contact Elite Appliance Service today for expert repair, maintenance, or emergency support. Our team responds within hours."
|
|
buttons={[
|
|
{ text: "Schedule Appointment", href: "tel:+12049999999" },
|
|
{ text: "Email Request", href: "mailto:service@eliteappliance.ca" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Residential Repair", href: "#services" },
|
|
{ label: "Commercial Services", href: "#services" },
|
|
{ label: "Emergency Support", href: "#support" },
|
|
{ label: "Maintenance Plans", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Elite", href: "#expertise" },
|
|
{ label: "Certifications", href: "#brands" },
|
|
{ label: "Contact", href: "#request" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty Terms", href: "#" },
|
|
{ label: "Contact Us", href: "#request" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Elite Appliance Service | Winnipeg, MB | Luxury Appliance Repair Specialists"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|