bender/f532ff2a-ced2-45a4-bac4-5c7c2cdc9c94
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-22 17:48:18 +00:00
parent b40b800c92
commit 5d7a39c6b0
1 changed files with 48 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { AlertTriangle, Award, Clock, Droplets, Flame, Home, ShieldCheck, Sparkles, Wind, Wrench, Zap } from "lucide-react";
import { AlertTriangle, Award, Clock, Droplets, Flame, Home, ShieldCheck, Sparkles, Wind, Wrench, Zap, Gauge, ShowerHead, Thermometer } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="Van Dreel Plumbing & Heating"
/>
@@ -54,70 +42,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Reliable Plumbing & Heating Experts"
description="Van Dreel Plumbing & Heating provides fast, professional service to Plover and the surrounding area. From emergency leaks to heating repairs, we ensure your home runs smooth."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-street_641386-1075.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-female-professional-with-tablet-meeting-table-with-satisfied-customers_74855-8866.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2149512425.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-street_641386-1075.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-female-professional-with-tablet-meeting-table-with-satisfied-customers_74855-8866.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2149512425.jpg", alt: "Client 5" },
]}
avatarText="Trusted by over 1,000 local homeowners"
buttons={[
{
text: "Call Now",
href: "tel:7152048678",
},
{
text: "Book Service",
href: "#contact",
},
{ text: "Call Now", href: "tel:7152048678" },
{ text: "Book Service", href: "#contact" },
]}
marqueeItems={[
{
type: "text-icon",
text: "Emergency Repairs",
icon: AlertTriangle,
},
{
type: "text-icon",
text: "Licensed & Insured",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Local Owned",
icon: Home,
},
{
type: "text-icon",
text: "Fast Response",
icon: Clock,
},
{
type: "text-icon",
text: "Quality Guaranteed",
icon: Award,
},
{ type: "text-icon", text: "Emergency Repairs", icon: AlertTriangle },
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
{ type: "text-icon", text: "Local Owned", icon: Home },
{ type: "text-icon", text: "Fast Response", icon: Clock },
{ type: "text-icon", text: "Quality Guaranteed", icon: Award },
]}
/>
</div>
@@ -128,10 +73,7 @@ export default function LandingPage() {
tag="Since 1985"
title="Serving Plover with Excellence and Reliability"
buttons={[
{
text: "Learn More",
href: "#services",
},
{ text: "Learn More", href: "#services" },
]}
/>
</div>
@@ -143,79 +85,31 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Plumbing Repairs",
description: "Expert solutions for leaky pipes, clogged drains, and general plumbing maintenance.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg",
imageAlt: "Plumbing",
},
title: "Plumbing Repairs", description: "Expert solutions for leaky pipes, clogged drains, and general plumbing maintenance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg", imageAlt: "Plumbing" },
items: [
{
icon: Wrench,
text: "Drain Cleaning",
},
{
icon: Droplets,
text: "Leak Detection",
},
{
icon: Pipe,
text: "Pipe Installation",
},
{ icon: Wrench, text: "Drain Cleaning" },
{ icon: Droplets, text: "Leak Detection" },
{ icon: Gauge, text: "Pipe Installation" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg",
imageAlt: "sink faucet leak repair plumber",
},
{
title: "Heating & HVAC",
description: "Keep your home warm during Wisconsin winters with our certified furnace and heating maintenance.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg",
imageAlt: "Heating",
},
title: "Heating & HVAC", description: "Keep your home warm during Wisconsin winters with our certified furnace and heating maintenance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", imageAlt: "Heating" },
items: [
{
icon: Flame,
text: "Furnace Repair",
},
{
icon: Thermometer,
text: "Boiler Service",
},
{
icon: Wind,
text: "HVAC Checks",
},
{ icon: Flame, text: "Furnace Repair" },
{ icon: Thermometer, text: "Boiler Service" },
{ icon: Wind, text: "HVAC Checks" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-holding-wrench-pliers-looking-camera-with-serious-face-crossing-hands-standing-green-background_141793-111027.jpg",
imageAlt: "sink faucet leak repair plumber",
},
{
title: "Water Heaters",
description: "Installation and repair of traditional and tankless water heating systems.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg",
imageAlt: "Water Heater",
},
title: "Water Heaters", description: "Installation and repair of traditional and tankless water heating systems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg", imageAlt: "Water Heater" },
items: [
{
icon: ShowerHead,
text: "Installations",
},
{
icon: Zap,
text: "Tankless Conversion",
},
{
icon: Sparkles,
text: "Routine Flushes",
},
{ icon: ShowerHead, text: "Installations" },
{ icon: Zap, text: "Tankless Conversion" },
{ icon: Sparkles, text: "Routine Flushes" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-street_641386-1075.jpg",
imageAlt: "sink faucet leak repair plumber",
},
]}
title="Comprehensive Home Services"
@@ -229,21 +123,9 @@ export default function LandingPage() {
title="Experience You Can Count On"
tag="Results Driven"
metrics={[
{
id: "m1",
value: "24+",
description: "Years of Local Expertise",
},
{
id: "m2",
value: "100%",
description: "Commitment to Quality",
},
{
id: "m3",
value: "4.7★",
description: "Customer Satisfaction",
},
{ id: "m1", value: "24+", description: "Years of Local Expertise" },
{ id: "m2", value: "100%", description: "Commitment to Quality" },
{ id: "m3", value: "4.7★", description: "Customer Satisfaction" },
]}
metricsAnimation="slide-up"
/>
@@ -255,46 +137,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Susan Schultz",
handle: "Local Resident",
testimonial: "Phenomenal service! Called late Friday after they were closed, and Greg came right out and fixed our leak.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-digital-tablet_1170-373.jpg",
},
{
id: "2",
name: "Cindy Kluck",
handle: "Homeowner",
testimonial: "I called Greg in a panic with a hose issue and in less than 2 hours he was here. Knowledgeable and pleasant!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blackman-white-guy-warking-with-laptop-studio-shot_613910-16720.jpg",
},
{
id: "3",
name: "David M.",
handle: "Repeat Client",
testimonial: "Best plumbing company in town. Always responsive, good service and reasonable prices.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-retired-woman-posing-cozy-living-roon-blue-shirt-going-out-meet-friends-looking-camera-with-joyful-smile-attractive-mature-female-with-short-blonde-hair-posing-indoors_343059-2244.jpg",
},
{
id: "4",
name: "Linda R.",
handle: "Homeowner",
testimonial: "Highly recommend their services for anything plumbing. Professional, clean, and very fast.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg",
},
{
id: "5",
name: "Tom B.",
handle: "Local Resident",
testimonial: "Good experience overall. Fixed my furnace quickly during the coldest part of winter.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-points-camera-pink_141793-74591.jpg",
},
{ id: "1", name: "Susan Schultz", handle: "Local Resident", testimonial: "Phenomenal service! Called late Friday after they were closed, and Greg came right out and fixed our leak.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-digital-tablet_1170-373.jpg" },
{ id: "2", name: "Cindy Kluck", handle: "Homeowner", testimonial: "I called Greg in a panic with a hose issue and in less than 2 hours he was here. Knowledgeable and pleasant!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blackman-white-guy-warking-with-laptop-studio-shot_613910-16720.jpg" },
{ id: "3", name: "David M.", handle: "Repeat Client", testimonial: "Best plumbing company in town. Always responsive, good service and reasonable prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-retired-woman-posing-cozy-living-roon-blue-shirt-going-out-meet-friends-looking-camera-with-joyful-smile-attractive-mature-female-with-short-blonde-hair-posing-indoors_343059-2244.jpg" },
{ id: "4", name: "Linda R.", handle: "Homeowner", testimonial: "Highly recommend their services for anything plumbing. Professional, clean, and very fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg" },
{ id: "5", name: "Tom B.", handle: "Local Resident", testimonial: "Good experience overall. Fixed my furnace quickly during the coldest part of winter.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-points-camera-pink_141793-74591.jpg" },
]}
showRating={true}
title="Voices of Our Community"
@@ -306,26 +153,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer emergency services?",
content: "Yes, we are responsive to after-hours needs to ensure your plumbing or heating system isn't causing damage.",
},
{
id: "q2",
title: "What areas do you serve?",
content: "We primarily serve Plover, WI and the surrounding community.",
},
{
id: "q3",
title: "Do you handle tankless water heaters?",
content: "Absolutely, we are certified in both traditional and modern tankless water heater installations.",
},
{
id: "q4",
title: "Can I get a quote beforehand?",
content: "Yes, we are happy to assess your situation and provide an estimate based on the service required.",
},
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we are responsive to after-hours needs to ensure your plumbing or heating system isn't causing damage." },
{ id: "q2", title: "What areas do you serve?", content: "We primarily serve Plover, WI and the surrounding community." },
{ id: "q3", title: "Do you handle tankless water heaters?", content: "Absolutely, we are certified in both traditional and modern tankless water heater installations." },
{ id: "q4", title: "Can I get a quote beforehand?", content: "Yes, we are happy to assess your situation and provide an estimate based on the service required." },
]}
sideTitle="Questions?"
sideDescription="We’re here to help keep your home efficient."
@@ -336,19 +167,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Need a plumber or heating repair? Get in touch today for fast, friendly help."
buttons={[
{
text: "Call: (715) 204-8678",
href: "tel:7152048678",
},
{
text: "Email Us",
href: "mailto:service@vandreelplumbing.com",
},
{ text: "Call: (715) 204-8678", href: "tel:7152048678" },
{ text: "Email Us", href: "mailto:service@vandreelplumbing.com" },
]}
/>
</div>
@@ -357,36 +180,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Van Dreel Plumbing & Heating"
columns={[
{
title: "Services",
items: [
{
label: "Plumbing",
href: "#services",
},
{
label: "Heating",
href: "#services",
},
{
label: "Water Heaters",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Services", items: [{ label: "Plumbing", href: "#services" }, { label: "Heating", href: "#services" }, { label: "Water Heaters", href: "#services" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
]}
/>
</div>