Files
e2e01458-1e3b-4b91-aa5f-6b3…/src/app/page.tsx
2026-05-08 17:53:35 +00:00

142 lines
6.9 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Hupp Painting"
button={{ text: "(727) 330-1821", href: "tel:7273301821" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Professional Painting for Dunedin Homes"
description="Hupp Painting combines dependability, attention to detail, and fair pricing to bring your vision to life. Serving Dunedin with 5.0-star quality."
testimonials={[
{ name: "Local Customer", handle: "Dunedin, FL", testimonial: "The best painting experience we've ever had.", rating: 5 },
{ name: "Homeowner", handle: "Dunedin, FL", testimonial: "Reliable, punctual, and amazing quality.", rating: 5 }
]}
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
avatarText="Trusted by Dunedin homeowners"
imageSrc="https://images.unsplash.com/photo-1568605114967-8130f3a36994?auto=format&fit=crop&q=80&w=2000"
imageAlt="Nicely painted urban house"
/>
</div>
<div id="trust" data-section="trust">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "1", title: "Dependability", descriptions: ["On time, every time."], imageSrc: "https://images.unsplash.com/photo-1589939705384-518518f97805?auto=format&fit=crop&q=80&w=800" },
{ id: "2", title: "Attention to Detail", descriptions: ["Precision in every stroke."], imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&q=80&w=800" },
{ id: "3", title: "Fair Pricing", descriptions: ["Transparent, competitive estimates."], imageSrc: "https://images.unsplash.com/photo-1581092160607-ee22561230e0?auto=format&fit=crop&q=80&w=800" },
{ id: "4", title: "5-Star Reputation", descriptions: ["Proudly serving Dunedin since inception."], imageSrc: "https://images.unsplash.com/photo-1503387762-592deb58e4e2?auto=format&fit=crop&q=80&w=800" },
]}
title="Why Choose Hupp Painting?"
description="We pride ourselves on providing a premium painting experience for every customer."
cardClassName="border border-accent"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
tag="Residential & Commercial"
features={[
{ id: "s1", title: "Interior Painting", descriptions: ["Refreshing your living spaces with high-quality finishes."] },
{ id: "s2", title: "Exterior Painting", descriptions: ["Weather-resistant protection for your Dunedin home."] },
{ id: "s3", title: "Cabinet Refinishing", descriptions: ["A budget-friendly way to update your kitchen."] },
]}
title="Our Services"
description="We provide durable, high-quality finishes designed to enhance curb appeal and ensure long-lasting protection for your home."
cardClassName="border border-accent"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Hupp Painting - Dunedin's Painting Experts"
buttons={[{ text: "Visit hupppainting.com", href: "https://hupppainting.com" }]}
className="bg-background-accent text-foreground"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Happy Homeowner", handle: "Dunedin", testimonial: "Perfect results and very fair pricing!" },
{ id: "t2", name: "Satisfied Client", handle: "Gulf View Blvd", testimonial: "Professional from start to finish." },
{ id: "t3", name: "David R.", handle: "Dunedin", testimonial: "They painted our whole interior, and it looks brand new. Amazing attention to detail." },
{ id: "t4", name: "Sarah K.", handle: "Dunedin", testimonial: "Hupp Painting is our go-to. Nathan and his crew are truly pros at what they do." },
{ id: "t5", name: "Mike & Linda", handle: "Pinellas County", testimonial: "Fair price, excellent quality, and completed right on schedule!" }
]}
title="5.0 Star Reputation"
description="Our neighbors trust us with their homes."
cardClassName="bg-card border border-accent"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Contact Us"
title="Get Your Free Estimate Today"
description="Nathan Hupp and the Hupp Painting team are dedicated to serving the Dunedin, FL community with integrity and artisan quality. Reach out today to schedule your consultation."
buttons={[{ text: "Call Now: (727) 330-1821", href: "tel:7273301821" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ title: "Location", items: [{ label: "Dunedin, FL", href: "#" }, { label: "Serving Pinellas County", href: "#" }] },
{ title: "Connect", items: [{ label: "(727) 330-1821", href: "tel:7273301821" }, { label: "hupppainting.com", href: "https://hupppainting.com" }] }
]}
bottomLeftText="© 2024 Hupp Painting. Owned by Nathan Hupp."
bottomRightText="Professional Painting Services"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}