Update src/app/page.tsx
This commit is contained in:
390
src/app/page.tsx
390
src/app/page.tsx
@@ -18,278 +18,146 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "(815) 431-1230",
|
||||
href: "tel:8154311230",
|
||||
}}
|
||||
brandName="Illinois Valley Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "(815) 431-1230", href: "tel:8154311230"}}
|
||||
brandName="Illinois Valley Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Trusted Plumbing & Heating in Ottawa, IL"
|
||||
description="Fast, reliable, and professional service for your home. From leaking pipes to heating repairs, we ensure your comfort all year long. Call us today for a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (815) 431-1230",
|
||||
href: "tel:8154311230",
|
||||
},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg?_wi=1"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg",
|
||||
alt: "Plumber professional repair work",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
|
||||
alt: "Front view man working as plumber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg",
|
||||
alt: "High angle man working as plumber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746370.jpg",
|
||||
alt: "Side view woman working as plumber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
alt: "Plumber professional repair work",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Trusted Plumbing & Heating in Ottawa, IL"
|
||||
description="Fast, reliable, and professional service for your home. From leaking pipes to heating repairs, we ensure your comfort all year long. Call us today for a free quote."
|
||||
buttons={[
|
||||
{ text: "Call Now: (815) 431-1230", href: "tel:8154311230" },
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg", alt: "Plumber professional repair work" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", alt: "Front view man working as plumber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746300.jpg", alt: "High angle man working as plumber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746370.jpg", alt: "Side view woman working as plumber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg", alt: "Plumber professional repair work" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Trusted Local Experts",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15319.jpg",
|
||||
alt: "About Illinois Valley Plumbing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Your Trusted Local Experts" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15319.jpg", alt: "About Illinois Valley Plumbing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Rapid response for leaks, pipe bursts, and urgent plumbing failures.",
|
||||
icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glucose-patch-sensor_23-2150766862.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg?_wi=2",
|
||||
imageAlt: "leaking pipe repair service",
|
||||
},
|
||||
{
|
||||
title: "Heating Systems",
|
||||
description: "Expert furnace and heating repair to keep your home warm and efficient.",
|
||||
icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-looks-online-new-blower-fan_482257-75912.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14800.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15319.jpg",
|
||||
imageAlt: "leaking pipe repair service",
|
||||
},
|
||||
{
|
||||
title: "Water Services",
|
||||
description: "Installation, maintenance, and repair for your water heater and supply systems.",
|
||||
icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feeling-puzzled-confused-doubting_1194-407058.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-old-woman-spending-time-home_23-2150655746.jpg?_wi=1",
|
||||
imageAlt: "leaking pipe repair service",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing & Heating Services"
|
||||
description="We specialize in residential service, maintenance, and emergency repairs for the Illinois Valley area."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing", description: "Rapid response for leaks, pipe bursts, and urgent plumbing failures.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-glucose-patch-sensor_23-2150766862.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Heating Systems", description: "Expert furnace and heating repair to keep your home warm and efficient.", icon: Flame,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-looks-online-new-blower-fan_482257-75912.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14800.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Water Services", description: "Installation, maintenance, and repair for your water heater and supply systems.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/feeling-puzzled-confused-doubting_1194-407058.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing & Heating Services"
|
||||
description="We specialize in residential service, maintenance, and emergency repairs for the Illinois Valley area."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Campbell Family",
|
||||
role: "Homeowners",
|
||||
company: "Ottawa, IL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-old-woman-spending-time-home_23-2150655746.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kathy Conway",
|
||||
role: "Resident",
|
||||
company: "Ottawa, IL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candid-happy-old-man-with-long-stylish-beard-laughing-smiling-looking-happy-wearing-modern-orange-hoodie-standing-white-wall_176420-38762.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Greg Rowlee",
|
||||
role: "Local Guide",
|
||||
company: "Ottawa, IL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-taking-face-mask-off_23-2148665439.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "New Home Owner",
|
||||
role: "Resident",
|
||||
company: "Ottawa, IL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Satisfied Client",
|
||||
role: "Resident",
|
||||
company: "Ottawa, IL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sitting-couple-new-home_329181-184.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Ottawa Trusted",
|
||||
},
|
||||
]}
|
||||
title="Hear From Our Neighbors"
|
||||
description="Don't just take our word for it. Our neighbors trust us for their home services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Campbell Family", role: "Homeowners", company: "Ottawa, IL", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-old-woman-spending-time-home_23-2150655746.jpg" },
|
||||
{ id: "2", name: "Kathy Conway", role: "Resident", company: "Ottawa, IL", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/candid-happy-old-man-with-long-stylish-beard-laughing-smiling-looking-happy-wearing-modern-orange-hoodie-standing-white-wall_176420-38762.jpg" },
|
||||
{ id: "3", name: "Greg Rowlee", role: "Local Guide", company: "Ottawa, IL", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-taking-face-mask-off_23-2148665439.jpg" },
|
||||
{ id: "4", name: "New Home Owner", role: "Resident", company: "Ottawa, IL", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg" },
|
||||
{ id: "5", name: "Satisfied Client", role: "Resident", company: "Ottawa, IL", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sitting-couple-new-home_329181-184.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "12+", label: "Verified Reviews" },
|
||||
{ value: "5/5", label: "Avg Rating" },
|
||||
{ value: "Local", label: "Ottawa Trusted" },
|
||||
]}
|
||||
title="Hear From Our Neighbors"
|
||||
description="Don't just take our word for it. Our neighbors trust us for their home services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency plumbing repairs?",
|
||||
content: "Yes, we handle emergency repairs for leaks and plumbing failures promptly.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve Ottawa, IL and the surrounding Illinois Valley area.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I schedule a service call?",
|
||||
content: "You can call us directly at (815) 431-1230 or fill out our online inquiry form.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our plumbing or heating services? Here are the most common ones."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer emergency plumbing repairs?", content: "Yes, we handle emergency repairs for leaks and plumbing failures promptly." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We primarily serve Ottawa, IL and the surrounding Illinois Valley area." },
|
||||
{ id: "f3", title: "How do I schedule a service call?", content: "You can call us directly at (815) 431-1230 or fill out our online inquiry form." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our plumbing or heating services? Here are the most common ones."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
text="Ready to get your home systems fixed? Give us a call or send a request and we'll be right out."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (815) 431-1230",
|
||||
href: "tel:8154311230",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
text="Ready to get your home systems fixed? Give us a call or send a request and we'll be right out."
|
||||
buttons={[{ text: "Call Now: (815) 431-1230", href: "tel:8154311230" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Illinois Valley Plumbing Heating"
|
||||
copyrightText="© 2025 Illinois Valley Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Illinois Valley Plumbing Heating"
|
||||
copyrightText="© 2025 Illinois Valley Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user