371 lines
12 KiB
TypeScript
371 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="grid"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Why Choose Us",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
]}
|
||
brandName="AquaElite Plumbing"
|
||
button={{
|
||
text: "Call Now",
|
||
href: "tel:+15550000000",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Florida’s Most Trusted 24/7 Plumbing Experts"
|
||
description="Fast response. Transparent pricing. Licensed professionals ready anytime."
|
||
tag="Trusted 24/7 Service"
|
||
buttons={[
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:+15550000000",
|
||
},
|
||
{
|
||
text: "Get Free Estimate",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
|
||
imageAlt: "plumber working on sink modern",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-question-gesture-plumber-looking-broken-faucet_259150-58296.jpg",
|
||
imageAlt: "modern luxury bathroom interior",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg",
|
||
imageAlt: "Plumbing professional doing his job",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746309.jpg",
|
||
imageAlt: "Side view man working as plumber",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990706.jpg",
|
||
imageAlt: "Male plumber working to fix problems at client's house",
|
||
},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={4.9}
|
||
ratingText="100+ Verified Reviews"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="asymmetric-60-wide-40-narrow"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "s1",
|
||
name: "Leak Detection",
|
||
price: "Expert Diagnostics",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/person-reaching-matte-black-kitchen-faucet-before-turning-water_169016-69327.jpg",
|
||
},
|
||
{
|
||
id: "s2",
|
||
name: "Toilet Installation",
|
||
price: "Professional Install",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-holding-flask_23-2149720816.jpg",
|
||
},
|
||
{
|
||
id: "s3",
|
||
name: "Drain Cleaning",
|
||
price: "Fast Clearing",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg",
|
||
},
|
||
{
|
||
id: "s4",
|
||
name: "Water Heater",
|
||
price: "Repair & Install",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg",
|
||
},
|
||
{
|
||
id: "s5",
|
||
name: "House Repipe",
|
||
price: "Whole Home Service",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg",
|
||
},
|
||
{
|
||
id: "s6",
|
||
name: "Emergency 24/7",
|
||
price: "Always Available",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg",
|
||
},
|
||
]}
|
||
title="Our Plumbing Services"
|
||
description="Premium maintenance and repair solutions for your home."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyNine
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Rapid Response",
|
||
description: "Under 60 minutes response time.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",
|
||
titleImageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg",
|
||
buttonText: "Call Now",
|
||
},
|
||
{
|
||
title: "Upfront Pricing",
|
||
description: "Transparent, no-hidden-fee quotes.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-with-word-shopping-cart_23-2148081066.jpg",
|
||
titleImageSrc: "http://img.b2bpic.net/free-photo/corporation-cooparation-collaboration-word-concept_53876-165261.jpg",
|
||
buttonText: "Learn More",
|
||
},
|
||
{
|
||
title: "Expert Certified",
|
||
description: "Licensed and insured professionals.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg",
|
||
titleImageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg",
|
||
buttonText: "Our Team",
|
||
},
|
||
]}
|
||
title="Why Choose AquaElite?"
|
||
description="We prioritize your home's safety and comfort with premium service standards."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
name: "Sarah Johnson",
|
||
role: "Homeowner",
|
||
company: "Orlando, FL",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg",
|
||
},
|
||
{
|
||
id: "t2",
|
||
name: "Michael Chen",
|
||
role: "Property Manager",
|
||
company: "Tampa, FL",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||
},
|
||
{
|
||
id: "t3",
|
||
name: "Emily Rodriguez",
|
||
role: "Homeowner",
|
||
company: "Miami, FL",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talking_23-2148116315.jpg",
|
||
},
|
||
{
|
||
id: "t4",
|
||
name: "David Kim",
|
||
role: "Client",
|
||
company: "Orlando, FL",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||
},
|
||
{
|
||
id: "t5",
|
||
name: "Alex Smith",
|
||
role: "Resident",
|
||
company: "Tampa, FL",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746382.jpg",
|
||
},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "100+",
|
||
label: "Happy Clients",
|
||
},
|
||
{
|
||
value: "4.9",
|
||
label: "Star Rating",
|
||
},
|
||
{
|
||
value: "24/7",
|
||
label: "Reliability",
|
||
},
|
||
]}
|
||
title="Client Success Stories"
|
||
description="See why Florida homeowners trust AquaElite Plumbing."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
value: "Licensed",
|
||
title: "Certified",
|
||
description: "Fully licensed & insured team.",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/check-mark-shield-message_78370-7882.jpg",
|
||
},
|
||
{
|
||
id: "m2",
|
||
value: "Same-Day",
|
||
title: "Service",
|
||
description: "Quick availability.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wrenches-measuring-tape_23-2148180537.jpg",
|
||
},
|
||
{
|
||
id: "m3",
|
||
value: "4.9",
|
||
title: "Rated",
|
||
description: "Customer satisfaction score.",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/book-review-icon_632498-3983.jpg",
|
||
},
|
||
]}
|
||
title="Our Standards"
|
||
description="Professional quality guaranteed."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={true}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "At AquaElite Plumbing, ",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-travelers_23-2149049069.jpg",
|
||
alt: "plumbing team in van",
|
||
},
|
||
{
|
||
type: "text",
|
||
content: " we don’t just fix pipes — we protect your home.",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
title="Need Help Now?"
|
||
description="24/7 Emergency plumbing at your service."
|
||
buttonText="Get Free Estimate"
|
||
tag="Get In Touch"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/sky-sea-april-01-2024_58702-17003.jpg"
|
||
logoText="AquaElite Plumbing"
|
||
columns={[
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Reviews",
|
||
href: "#testimonials",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Leak Repair",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Repiping",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "Call: 555-000-0000",
|
||
href: "tel:+15550000000",
|
||
},
|
||
{
|
||
label: "support@aquaelite.com",
|
||
href: "mailto:support@aquaelite.com",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|