Files
dbad8487-2699-44d1-90d4-c83…/src/app/page.tsx
2026-04-02 04:35:32 +00:00

273 lines
8.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { CheckCircle2, Sparkles, Trash2, Waves, Wind } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSmall"
background="grid"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="RBT Premier"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="RBT Premier Home Services"
description="Professional pressure washing, window washing, gutter cleaning, and junk removal for Punta Gorda & Port Charlotte. Dependable local service for homeowners who want their property at its best."
tag="Serving Punta Gorda & Port Charlotte"
buttons={[
{
text: "Call 941-979-2487",
href: "tel:941-979-2487",
},
{
text: "Get a Free Quote",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358960.jpg?_wi=1"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Exterior Cleaning",
description: "Pressure washing and window cleaning for a spotless finish.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358964.jpg?_wi=1",
},
items: [
{
icon: Sparkles,
text: "Pressure Washing",
},
{
icon: Waves,
text: "Window Washing",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358960.jpg?_wi=2",
imageAlt: "professional home cleaning services exterior",
},
{
id: "f2",
title: "Maintenance",
description: "Keeping your home functioning properly with routine care.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-doing-chores-around-house_23-2149508120.jpg?_wi=1",
},
items: [
{
icon: Wind,
text: "Gutter Cleaning",
},
{
icon: Trash2,
text: "Trash Can Cleaning",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358964.jpg?_wi=2",
imageAlt: "pressure washing equipment exterior home",
},
{
id: "f3",
title: "Removal Services",
description: "Quickly clearing out unwanted clutter and debris.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/feet-man-standing-longboard_23-2148138968.jpg",
},
items: [
{
icon: CheckCircle2,
text: "Junk Removal",
},
{
icon: Brush,
text: "Carpet Cleaning",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-doing-chores-around-house_23-2149508120.jpg?_wi=2",
imageAlt: "clean house gutters exterior maintenance",
},
]}
title="Our Professional Services"
description="Comprehensive exterior cleaning and maintenance to keep your property fresh, clean, and well-maintained."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Professional. Reliable. Local."
description="We are committed to providing homeowners in Punta Gorda and Port Charlotte with high-quality, efficient, and friendly home services. Your satisfaction is our top priority."
metrics={[
{
value: "100%",
title: "Reliable Service",
},
{
value: "Free",
title: "Estimates",
},
{
value: "Local",
title: "Expert Team",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358960.jpg?_wi=3"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What areas do you serve?",
content: "We proudly serve homeowners in the Punta Gorda and Port Charlotte areas.",
},
{
id: "q2",
title: "Do you offer free estimates?",
content: "Absolutely. Just give us a call or text us at 941-979-2487 for a fast, free estimate.",
},
{
id: "q3",
title: "What is the best way to contact you?",
content: "We prefer phone or text at 941-979-2487 for the fastest response.",
},
{
id: "q4",
title: "How do I schedule my service?",
content: "Reach out to us directly by call or text and we'll handle the booking process for you.",
},
]}
title="Common Questions"
description="Quick answers to help you get started with your home service requests."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to get your home looking its best? Reach out to RBT Premier Home Services today for a free estimate."
buttons={[
{
text: "Call 941-979-2487",
href: "tel:941-979-2487",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RBT Premier"
columns={[
{
title: "Services",
items: [
{
label: "Pressure Washing",
href: "#services",
},
{
label: "Gutter Cleaning",
href: "#services",
},
{
label: "Junk Removal",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "941-979-2487",
href: "tel:941-979-2487",
},
{
label: "Email Us",
href: "mailto:rbtpremierhomeservices@gmail.com",
},
],
},
{
title: "Company",
items: [
{
label: "Instagram",
href: "https://instagram.com/rbtpremierhomeservices",
},
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}