Update src/app/page.tsx
This commit is contained in:
467
src/app/page.tsx
467
src/app/page.tsx
@@ -19,338 +19,161 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Neighborhood Rooter Express"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Neighborhood Rooter Express"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Plumbing Experts for Orland Hills & Beyond"
|
||||
description="Family-owned and operated for over 27 years. We provide 24/7 emergency service with a parts and labor guarantee. Get your free estimate today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:8153202846",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg",
|
||||
imageAlt: "Plumbing service 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg",
|
||||
imageAlt: "Plumbing service 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg",
|
||||
imageAlt: "Plumbing service 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990702.jpg",
|
||||
imageAlt: "Plumbing service 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg",
|
||||
imageAlt: "Plumbing service 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-washing-fruit_23-2149535094.jpg",
|
||||
imageAlt: "Plumbing service 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Plumbing Experts for Orland Hills & Beyond"
|
||||
description="Family-owned and operated for over 27 years. We provide 24/7 emergency service with a parts and labor guarantee. Get your free estimate today."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:8153202846" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg", imageAlt: "plumber repairing pipe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg", imageAlt: "plumber installing faucet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg", imageAlt: "water heater repair plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990702.jpg", imageAlt: "plumber unclogging drain" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg", imageAlt: "plumber fixing shower pipe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-washing-fruit_23-2149535094.jpg", imageAlt: "plumber garbage disposal install" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Neighborhood Rooter?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Business",
|
||||
value: "27+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Family Owned",
|
||||
value: "Yes",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Emergency Service",
|
||||
value: "24/7",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Neighborhood Rooter?"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years in Business", value: "27+" },
|
||||
{ icon: Users, label: "Family Owned", value: "Yes" },
|
||||
{ icon: Clock, label: "Emergency Service", value: "24/7" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Leak Repair",
|
||||
author: "Pro Team",
|
||||
description: "Quickly identify and resolve leaks to prevent property damage.",
|
||||
tags: [
|
||||
"Emergency",
|
||||
"Plumbing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Water Heater Installation",
|
||||
author: "Pro Team",
|
||||
description: "Efficient installation of modern high-performance water heaters.",
|
||||
tags: [
|
||||
"Install",
|
||||
"Water",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250260.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sewer System Repair",
|
||||
author: "Pro Team",
|
||||
description: "Expert diagnostics and repairs for complex sewer line issues.",
|
||||
tags: [
|
||||
"Sewer",
|
||||
"Pro",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-773.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From emergency leaks to complex installations, our certified team handles all your plumbing needs with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Leak Repair", author: "Pro Team", description: "Quickly identify and resolve leaks to prevent property damage.", tags: ["Emergency", "Plumbing"], imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg" },
|
||||
{ id: "2", title: "Water Heater Installation", author: "Pro Team", description: "Efficient installation of modern high-performance water heaters.", tags: ["Install", "Water"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250260.jpg" },
|
||||
{ id: "3", title: "Sewer System Repair", author: "Pro Team", description: "Expert diagnostics and repairs for complex sewer line issues.", tags: ["Sewer", "Pro"], imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-773.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From emergency leaks to complex installations, our certified team handles all your plumbing needs with precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Customer Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: MessageCircle,
|
||||
title: "Verified Reviews",
|
||||
value: "184+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality has earned us the trust of the Orland Hills community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Star, title: "Customer Rating", value: "5.0" },
|
||||
{ id: "m2", icon: MessageCircle, title: "Verified Reviews", value: "184+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Satisfaction", value: "100%" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality has earned us the trust of the Orland Hills community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Homeowner",
|
||||
company: "Orland Hills",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert B.",
|
||||
role: "Homeowner",
|
||||
company: "Orland Hills",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica L.",
|
||||
role: "Homeowner",
|
||||
company: "Nearby Areas",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Orland Hills",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-73.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
role: "Homeowner",
|
||||
company: "Nearby Areas",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why Orland Hills trusts Neighborhood Rooter Express for their home plumbing needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", role: "Homeowner", company: "Orland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg" },
|
||||
{ id: "2", name: "Robert B.", role: "Homeowner", company: "Orland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
{ id: "3", name: "Jessica L.", role: "Homeowner", company: "Nearby Areas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg" },
|
||||
{ id: "4", name: "Mark D.", role: "Homeowner", company: "Orland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-73.jpg" },
|
||||
{ id: "5", name: "Sarah P.", role: "Homeowner", company: "Nearby Areas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why Orland Hills trusts Neighborhood Rooter Express for their home plumbing needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we offer 24/7 emergency service to ensure your home plumbing needs are met at any hour.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your estimates really free?",
|
||||
content: "Absolutely! We provide free consultations and estimates for all new plumbing projects and services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your work guaranteed?",
|
||||
content: "We stand by our work with a comprehensive parts and labor guarantee on all completed services.",
|
||||
},
|
||||
]}
|
||||
title="Common Plumbing Questions"
|
||||
description="Have questions about your plumbing system or our services? Here are the most frequently asked questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer emergency services?", content: "Yes, we offer 24/7 emergency service to ensure your home plumbing needs are met at any hour." },
|
||||
{ id: "f2", title: "Are your estimates really free?", content: "Absolutely! We provide free consultations and estimates for all new plumbing projects and services." },
|
||||
{ id: "f3", title: "Is your work guaranteed?", content: "We stand by our work with a comprehensive parts and labor guarantee on all completed services." },
|
||||
]}
|
||||
title="Common Plumbing Questions"
|
||||
description="Have questions about your plumbing system or our services? Here are the most frequently asked questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Your Free Estimate"
|
||||
description="Need a plumber? Contact us today to schedule your consultation. We serve Orland Hills and surrounding neighborhoods."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Your Free Estimate"
|
||||
description="Need a plumber? Contact us today to schedule your consultation. We serve Orland Hills and surrounding neighborhoods."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Neighborhood Rooter Express"
|
||||
bottomRightText="Orland Hills, IL"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Services", href: "#features" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Neighborhood Rooter Express"
|
||||
bottomRightText="Orland Hills, IL"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user