Files
64cfc141-0643-4e77-8d78-199…/src/app/page.tsx
2026-04-17 00:10:27 +00:00

249 lines
7.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About",
id: "/about",
},
{
name: "Reviews",
id: "/reviews",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="East Coast Plumbing"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "gradient-bars",
}}
logoText="Reliable Plumbing & HVAC Experts You Can Trust"
description="Serving residential and commercial clients with top-quality service and fast response times."
buttons={[
{
text: "Get a Free Quote",
href: "/contact",
},
{
text: "Call Now",
href: "tel:3022012887",
},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg"
imageAlt="Male plumber working to fix problems at client's house"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Licensed & Insured",
description: "Fully compliant and protected.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg",
imageAlt: "plumbing professional badge",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-construction-engineer-holding-contract_23-2148233719.jpg",
imageAlt: "insured contractor work",
},
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reporting-found-freon-leaks_482257-92670.jpg",
imageAlt: "plumbing professional badge",
},
{
title: "24/7 Emergency",
description: "Rapid response when you need it most.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/super-inscription-made-tools_23-2148096406.jpg",
imageAlt: "emergency service rapid response",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg",
imageAlt: "emergency call icon hvac",
},
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg",
imageAlt: "plumbing professional badge",
},
{
title: "Expert Team",
description: "Skilled professionals you can trust.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg?_wi=1",
imageAlt: "professional hvac technicians",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/production-hard-cheese-cheese-manufacture-interior_645730-810.jpg?_wi=1",
imageAlt: "expert service worker team",
},
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-nuclear-industry-background-concept_645730-823.jpg?_wi=1",
imageAlt: "plumbing professional badge",
},
]}
showStepNumbers={false}
title="Why Choose Us"
description="We deliver professional solutions with integrity and technical expertise."
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Our Leadership Team"
tag="Expert Staff"
membersAnimation="slide-up"
memberVariant="card"
members={[
{
id: "m1",
name: "Johnathan Smith",
imageSrc: "http://img.b2bpic.net/free-photo/asian-construction-firm-executive-business-suit-safety-vest-sitting-office_1098-17514.jpg",
},
{
id: "m2",
name: "Sarah Jenkins",
imageSrc: "http://img.b2bpic.net/free-photo/view-female-inspector-wearing-protective-face-mask-construction-site_637285-8182.jpg",
},
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Simple Pricing"
description="Transparent plans for your comfort."
plans={[
{
id: "p1",
badge: "Value",
price: "$99",
subtitle: "Basic maintenance check",
features: [
"System check",
"Safety inspection",
],
},
{
id: "p2",
badge: "Pro",
price: "$199",
subtitle: "Full system tune-up",
features: [
"Deep cleaning",
"Performance optimization",
"Extended warranty",
],
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Ready to book?"
title="Contact our experts today"
description="Call now to speak with a professional."
buttons={[
{
text: "Call 302-201-2887",
href: "tel:3022012887",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg?_wi=1"
logoText="East Coast Plumbing"
columns={[
{
title: "Services",
items: [
{
label: "Plumbing",
href: "#",
},
{
label: "HVAC",
href: "#",
},
{
label: "Emergency",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}