Files
e65bfc74-5b56-476b-978d-d19…/src/app/page.tsx
2026-04-22 14:11:28 +00:00

371 lines
12 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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="Floridas 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 dont 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>
);
}