Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f1f2e8d8cb | |||
| 0cfa402ac8 | |||
| e64f0f1a49 | |||
| 0da0445908 | |||
| 6248634475 | |||
| 8ae6654bc6 | |||
| 8fc2e348ec | |||
| 97ee4b52a3 | |||
| b51ea39600 | |||
| 638d203e98 | |||
| e0c12a49f1 | |||
| bcb46d1a8e | |||
| 1c45a3cabf | |||
| 5cb647c7a6 | |||
| a8e92770d8 | |||
| 92d417d49d | |||
| 68fe393b26 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { DM_Sans } from "next/font/google";
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
@@ -37,7 +36,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
323
src/app/page.tsx
323
src/app/page.tsx
@@ -3,7 +3,6 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
||||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||||
@@ -29,111 +28,26 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Services", id: "services" },
|
||||||
name: "Services",
|
{ name: "About", id: "about" },
|
||||||
id: "services",
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Neighborhood Plumbing"
|
brandName="Hupp Painting"
|
||||||
button={{
|
button={{ text: "(727) 330-1821", href: "tel:7273301821" }}
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:5550123456",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlayTestimonial
|
<HeroOverlayTestimonial
|
||||||
title="Fast, Reliable Plumbing — When You Need It Most."
|
title="Professional Painting for Dunedin Homes"
|
||||||
description="Licensed and insured local experts serving our community for over 15 years. We take care of your home as if it were our own."
|
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={[
|
testimonials={[
|
||||||
{
|
{ name: "Local Customer", handle: "Dunedin, FL", testimonial: "The best painting experience we've ever had.", rating: 5 },
|
||||||
name: "John D.",
|
{ name: "Homeowner", handle: "Dunedin, FL", testimonial: "Reliable, punctual, and amazing quality.", rating: 5 }
|
||||||
handle: "Downtown",
|
|
||||||
testimonial: "Excellent service, fast and reliable.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg?_wi=1",
|
|
||||||
imageAlt: "professional plumber at work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sarah K.",
|
|
||||||
handle: "West Side",
|
|
||||||
testimonial: "Very professional and friendly plumber.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=1",
|
|
||||||
imageAlt: "professional plumber at work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Mike R.",
|
|
||||||
handle: "Northwood",
|
|
||||||
testimonial: "Fixed my leak in under an hour. Great team!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
|
|
||||||
imageAlt: "professional plumber at work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Emily P.",
|
|
||||||
handle: "Riverside",
|
|
||||||
testimonial: "Professional, clean, and honest pricing.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg?_wi=1",
|
|
||||||
imageAlt: "professional plumber at work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "David L.",
|
|
||||||
handle: "Oak Creek",
|
|
||||||
testimonial: "Top quality work on our water heater install.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-builder-wearing-uniform-safety-helmet-holding-hammer_141793-80653.jpg?_wi=1",
|
|
||||||
imageAlt: "professional plumber at work",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
|
||||||
{
|
avatarText="Trusted by Dunedin homeowners"
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:5550123456",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Get a Free Quote",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg?_wi=2"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg",
|
|
||||||
alt: "Happy woman smiling",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-cute-female-posing-indoor_344912-969.jpg",
|
|
||||||
alt: "Young customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
|
|
||||||
alt: "Satisfied homeowner",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
|
|
||||||
alt: "Happy couple",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg",
|
|
||||||
alt: "Local resident",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by over 500+ local families"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -143,45 +57,14 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "1", title: "Dependability", descriptions: ["On time, every time."] },
|
||||||
id: "1",
|
{ id: "2", title: "Attention to Detail", descriptions: ["Precision in every stroke."] },
|
||||||
title: "24/7 Emergency Service",
|
{ id: "3", title: "Fair Pricing", descriptions: ["Transparent, competitive estimates."] },
|
||||||
descriptions: [
|
{ id: "4", title: "5-Star Reputation", descriptions: ["Proudly serving Dunedin since inception."] },
|
||||||
"Available when disaster strikes.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-builder-wearing-uniform-safety-helmet-holding-hammer_141793-80653.jpg?_wi=2",
|
|
||||||
imageAlt: "professional local plumber portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Upfront Pricing",
|
|
||||||
descriptions: [
|
|
||||||
"No hidden fees or surprises.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg?_wi=3",
|
|
||||||
imageAlt: "professional local plumber portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Licensed & Insured",
|
|
||||||
descriptions: [
|
|
||||||
"Full peace of mind for you.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=2",
|
|
||||||
imageAlt: "professional local plumber portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Same-Day Appointments",
|
|
||||||
descriptions: [
|
|
||||||
"Quick help when you need it.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2",
|
|
||||||
imageAlt: "professional local plumber portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us?"
|
title="Why Choose Hupp Painting?"
|
||||||
description="Local trust matters. Here is why your neighbors choose us."
|
description="We pride ourselves on providing a premium painting experience for every customer."
|
||||||
|
cardClassName="border border-accent"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -191,49 +74,22 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "s1", title: "Interior Painting", descriptions: ["Refreshing your living spaces with high-quality finishes."] },
|
||||||
id: "s1",
|
{ id: "s2", title: "Exterior Painting", descriptions: ["Weather-resistant protection for your Dunedin home."] },
|
||||||
title: "Drain Cleaning",
|
{ id: "s3", title: "Cabinet Refinishing", descriptions: ["A budget-friendly way to update your kitchen."] },
|
||||||
descriptions: [
|
|
||||||
"Advanced equipment for fast clearing.",
|
|
||||||
"Safe for all pipe types.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "s2",
|
|
||||||
title: "Leak Repair",
|
|
||||||
descriptions: [
|
|
||||||
"Detection and permanent sealing.",
|
|
||||||
"Prevents water damage.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "s3",
|
|
||||||
title: "Water Heater Installation",
|
|
||||||
descriptions: [
|
|
||||||
"Expert sizing and install.",
|
|
||||||
"Top-tier efficiency.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Core Services"
|
title="Our Services"
|
||||||
description="Comprehensive plumbing solutions for every situation."
|
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>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
title="Your Neighborhood Plumbing Experts"
|
title="Hupp Painting - Dunedin's Painting Experts"
|
||||||
buttons={[
|
buttons={[{ text: "Visit hupppainting.com", href: "https://hupppainting.com" }]}
|
||||||
{
|
className="bg-background-accent text-foreground"
|
||||||
text: "Contact Us",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -243,125 +99,38 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Happy Homeowner", handle: "Dunedin", testimonial: "Perfect results and very fair pricing!" },
|
||||||
id: "t1",
|
{ id: "t2", name: "Satisfied Client", handle: "Gulf View Blvd", testimonial: "Professional from start to finish." },
|
||||||
name: "Alice M.",
|
|
||||||
handle: "Oakwood",
|
|
||||||
testimonial: "Fantastic job with my kitchen sink repair.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-standing-with-box-new-house-apartment_74855-10349.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Bob B.",
|
|
||||||
handle: "Pine Creek",
|
|
||||||
testimonial: "Professional, clean, and knowledgeable.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-woman-organic-sustainable-garden-harvesting-produce_23-2151463009.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Charlie C.",
|
|
||||||
handle: "Maple Hill",
|
|
||||||
testimonial: "Fastest plumber in the city by far.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Dana D.",
|
|
||||||
handle: "Downtown",
|
|
||||||
testimonial: "Great upfront pricing and service.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Evan E.",
|
|
||||||
handle: "West End",
|
|
||||||
testimonial: "Would definitely hire them again.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Neighbors Say"
|
title="5.0 Star Reputation"
|
||||||
description="Read real stories from our satisfied customers."
|
description="Our neighbors trust us with their homes."
|
||||||
/>
|
cardClassName="bg-card border border-accent"
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqSplitText
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "f1",
|
|
||||||
title: "Do you provide weekend service?",
|
|
||||||
content: "Yes, we are open 24/7 for emergencies.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Are you licensed?",
|
|
||||||
content: "Yes, we are fully licensed and insured.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "How quickly can you come?",
|
|
||||||
content: "We offer same-day appointments for urgent issues.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
sideTitle="Common Questions"
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
tag="Contact Us"
|
||||||
background={{
|
title="Get Your Free Estimate Today"
|
||||||
variant: "plain",
|
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" }]}
|
||||||
tag="Get in touch"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
title="Ready to get started?"
|
useInvertedBackground={true}
|
||||||
description="Call us at 555-0123-456 or book a service below. Business hours: M-F 8am-6pm."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:5550123456",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||||
title: "Company",
|
{ title: "Location", items: [{ label: "Dunedin, FL", href: "#" }, { label: "Serving Pinellas County", href: "#" }] },
|
||||||
items: [
|
{ title: "Connect", items: [{ label: "(727) 330-1821", href: "tel:7273301821" }, { label: "hupppainting.com", href: "https://hupppainting.com" }] }
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Neighborhood Plumbing."
|
bottomLeftText="© 2024 Hupp Painting. Owned by Nathan Hupp."
|
||||||
bottomRightText="All rights reserved."
|
bottomRightText="Professional Painting Services"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -12,13 +12,13 @@
|
|||||||
|
|
||||||
--background: #ffffff;
|
--background: #ffffff;
|
||||||
--card: #f9f9f9;
|
--card: #f9f9f9;
|
||||||
--foreground: #000612;
|
--foreground: #000612e6;
|
||||||
--primary-cta: #FF7B05;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #15479c;
|
--secondary-cta: #f9f9f9;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #000612e6;
|
||||||
--accent: #e2e2e2;
|
--accent: #e2e2e2;
|
||||||
--background-accent: #f9f9f9;
|
--background-accent: #c4c4c4;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user