121 lines
5.6 KiB
TypeScript
121 lines
5.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { AlertTriangle, Award, Calendar, CheckCircle, Clock, Droplets, Phone, Settings, ShieldCheck, Wrench, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Memberships", id: "/memberships" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Reliable Plumbing"
|
|
button={{ text: "Book Online", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "plain" }}
|
|
title="Your Trusted Local Family Plumbers"
|
|
description="Offering reliable, transparent, and same-day plumbing services. Licensed, insured, and ready for your emergency needs, 24/7."
|
|
kpis={[
|
|
{ value: "4.8/5", label: "Customer Rating" },
|
|
{ value: "2,000+", label: "Five-Star Reviews" },
|
|
{ value: "24/7", label: "Emergency Availability" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[{ text: "Book Now", href: "/contact" }, { text: "Call Us", href: "tel:5550123456" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvz7ej"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-services" data-section="features-services">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ icon: Droplets, title: "Water Heater Replacement", description: "High-efficiency tank and tankless installation." },
|
|
{ icon: Wrench, title: "Pipe & Repipe Work", description: "Complete professional repiping for longevity." },
|
|
{ icon: AlertTriangle, title: "Emergency Leak Repair", description: "Same-day service for your urgent pipe bursts." },
|
|
{ icon: ShieldCheck, title: "Drain Cleaning & Inspection", description: "Keep your systems flowing with thorough inspections." },
|
|
]}
|
|
title="Comprehensive Plumbing Solutions"
|
|
description="From emergency leaks to full system repipes, we handle every plumbing project with honesty and efficiency."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing-memberships" data-section="pricing-memberships">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{ id: "basic-m", title: "Standard Support", period: "yearly", price: "$99", features: ["Annual Inspection", "10% Off Repairs", "Priority Scheduling"], button: { text: "Join Now", href: "/contact" } },
|
|
{ id: "pro-m", title: "Premium Membership", period: "yearly", price: "$199", features: ["Annual Inspection", "20% Off Repairs", "Emergency Fee Waived", "Priority 24/7 Support"], button: { text: "Join Now", href: "/contact" } },
|
|
]}
|
|
title="Home Protection Membership"
|
|
description="Join our VIP Club for priority service, annual inspections, and exclusive member discounts on all repairs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial-section" data-section="testimonial-section">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", handle: "@homeowner", testimonial: "Same-day service was a lifesaver. Honest pricing and very knowledgeable technician.", rating: 5 },
|
|
{ id: "2", name: "Michael D.", handle: "@resident", testimonial: "They arrived exactly on time and fixed my leak in record time. Excellent service!", rating: 5 },
|
|
{ id: "3", name: "Emily R.", handle: "@client", testimonial: "Very professional and respectful of my home. The repiping project went perfectly.", rating: 5 },
|
|
]}
|
|
showRating={true}
|
|
title="Customer Reviews"
|
|
description="Trusted by over 2,000 satisfied families in our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Reliable Plumbing"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Reviews", href: "/reviews" }] },
|
|
{ title: "Services", items: [{ label: "Repairs", href: "/services" }, { label: "Installations", href: "/services" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|