193 lines
8.9 KiB
TypeScript
193 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Why Primo", id: "why"},
|
|
{
|
|
name: "Reviews", id: "reviews"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Primo Sewer Cleaning"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="When it matters most, call Primo."
|
|
description="Family-owned for over 14 years. Elite drain and sewer specialists. Same-day service, 24/7 emergency support. Done right. Fast response, honest pricing, and the persistence to fix what others couldn't."
|
|
buttons={[
|
|
{
|
|
text: "Call for Emergency", href: "tel:+1555PRIMO"},
|
|
{
|
|
text: "Book Service", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2602.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-sitting-with-cup-coffee-room_23-2148112111.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-having-videocall_23-2150789812.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg", alt: "Customer 5"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "24/7 Emergency Service"},
|
|
{
|
|
type: "text", text: "Family-Owned & Operated"},
|
|
{
|
|
type: "text", text: "14+ Years of Experience"},
|
|
{
|
|
type: "text", text: "Licensed & Insured"},
|
|
{
|
|
type: "text", text: "Guaranteed Results"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Sewer Line Cleaning", description: "Complete blockage removal using professional-grade snaking and hydro-jetting.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=1", imageAlt: "Sewer cleaning"},
|
|
{
|
|
title: "Video Camera Inspection", description: "State-of-the-art diagnostics to pinpoint exact issues.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=2", imageAlt: "Video camera inspection"},
|
|
{
|
|
title: "Emergency Response", description: "Burst pipes and backups handled 24/7, every day of the year.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=3", imageAlt: "Emergency repair"},
|
|
{
|
|
title: "Drain Repair", description: "Permanent solutions for recurring clogs.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=4", imageAlt: "Drain repair"},
|
|
{
|
|
title: "Mainline Excavation", description: "Heavy-duty solutions for damaged underground lines.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=5", imageAlt: "Mainline excavation"},
|
|
{
|
|
title: "Preventative Maintenance", description: "Keep your systems clear and flowing with our 14 years of expertise.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=6", imageAlt: "Preventative maintenance"},
|
|
]}
|
|
title="Expert services for every situation"
|
|
description="From routine maintenance to late-night emergencies, Primo handles it all — with the family-owned dedication and technical skill to fix problems other plumbers walk away from."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Primo has been my go-to for years. Being a family-owned business, they truly care about their customers. They came out at 2 AM to handle a major backup and saved my basement."
|
|
rating={5}
|
|
author="Robert Cunningham"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", alt: "Gary Raia"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-sitting-with-cup-coffee-room_23-2148112111.jpg", alt: "Robert Cunningham"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg", alt: "Lord01984"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-having-videocall_23-2150789812.jpg", alt: "Joe W."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg", alt: "Nilesh Mehta"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Why Primo"
|
|
title="Why choose Primo Sewer Cleaning?"
|
|
description="With over 14 years of dedicated service, we are a family-owned team that brings industrial-grade standards to residential and commercial properties. We are available 24/7 so you never have to deal with plumbing issues alone."
|
|
imageSrc="http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=7"
|
|
mediaAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "24/7 Emergency Availability", description: "No matter the hour, we are ready to assist you."},
|
|
{
|
|
title: "14+ Years Experience", description: "Decades of family-owned excellence."},
|
|
{
|
|
title: "Advanced Technology", description: "Cutting-edge camera and jetting equipment."},
|
|
{
|
|
title: "Transparent Pricing", description: "Fair, flat-rate costs explained before we start."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact Us"
|
|
title="Available 24/7 for you"
|
|
description="Need help right now? Our family team is ready to assist. Fill out the form below or call us anytime for immediate emergency response."
|
|
imageSrc="http://img.b2bpic.net/free-photo/mechanical-wrench-desk-with-copy-space_23-2148557961.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Why Primo", href: "#why"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "24/7 Emergency", href: "tel:+1555PRIMO"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Primo Sewer Cleaning"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |