249 lines
7.5 KiB
TypeScript
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>
|
|
);
|
|
}
|