Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4ac1ddc452 | |||
| 5189f778ca | |||
| f1e007c953 | |||
| 0ebb81181a |
216
src/app/page.tsx
216
src/app/page.tsx
@@ -31,88 +31,55 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Why Us",
|
name: "Why Us", id: "#why-us"},
|
||||||
id: "#why-us",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Roto-Rooter"
|
brandName="Roto-Rooter"
|
||||||
button={{
|
button={{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:5550199"}}
|
||||||
href: "tel:5550199",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="24/7 Emergency Plumbing Services in Omaha"
|
title="24/7 Emergency Plumbing Services in Omaha"
|
||||||
description="Fast response. Trusted experts. Upfront pricing. Serving your community since 1935 with reliability you can count on."
|
description="Fast response. Trusted experts. Upfront pricing. Serving your community since 1935 with reliability you can count on."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Get 24/7 Emergency Help", href: "tel:5550199"},
|
||||||
href: "tel:5550199",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Book Service",
|
text: "Book Service", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138538.jpg",
|
src: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138538.jpg", alt: "Expressive young man posing for winter holidays"},
|
||||||
alt: "Expressive young man posing for winter holidays",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-holding-wrench-hammer-hands-with-smile-face-looking-confident-standing-isolated-orange-wall_141793-14010.jpg",
|
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-holding-wrench-hammer-hands-with-smile-face-looking-confident-standing-isolated-orange-wall_141793-14010.jpg", alt: "Builder man in construction uniform"},
|
||||||
alt: "Builder man in construction uniform",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-swinging-wrench-with-aggressive-expression_141793-30192.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-swinging-wrench-with-aggressive-expression_141793-30192.jpg", alt: "Young bearded builder man"},
|
||||||
alt: "Young bearded builder man",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg",
|
src: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg", alt: "Senior people maintenance service"},
|
||||||
alt: "Senior people maintenance service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275711.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275711.jpg", alt: "Professional technician portrait"},
|
||||||
alt: "Professional technician portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 3,500+ local customers"
|
avatarText="Join 3,500+ local customers"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Licensed & Insured"},
|
||||||
text: "Licensed & Insured",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "24/7 Emergency Support"},
|
||||||
text: "24/7 Emergency Support",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Upfront Pricing"},
|
||||||
text: "Upfront Pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Locally Owned"},
|
||||||
text: "Locally Owned",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Family Operated"},
|
||||||
text: "Family Operated",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -125,26 +92,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Drain Cleaning",
|
title: "Drain Cleaning", description: "Unclogging drains and sewer lines with professional equipment.", imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-prosthetic-leg-while-working-laboratory_627829-7187.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/force-cup-white_23-2147772259.jpg", buttonText: "Learn More"},
|
||||||
description: "Unclogging drains and sewer lines with professional equipment.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-prosthetic-leg-while-working-laboratory_627829-7187.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/force-cup-white_23-2147772259.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Water Heater Repair",
|
title: "Water Heater Repair", description: "Expert repairs and installations for all types of water heaters.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg", buttonText: "Learn More"},
|
||||||
description: "Expert repairs and installations for all types of water heaters.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990696.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Leak Detection",
|
title: "Leak Detection", description: "Finding and repairing hidden leaks before they cause damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg", buttonText: "Learn More"},
|
||||||
description: "Finding and repairing hidden leaks before they cause damage.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Plumbing Services"
|
title="Our Plumbing Services"
|
||||||
description="Comprehensive solutions for all your residential and commercial plumbing needs."
|
description="Comprehensive solutions for all your residential and commercial plumbing needs."
|
||||||
@@ -156,19 +108,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Trusted Experts Since 1935"},
|
||||||
content: "Trusted Experts Since 1935",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg"},
|
||||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn About Our History",
|
text: "Learn About Our History", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -180,40 +126,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The staff was so polite and got the job done fast!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746290.jpg"},
|
||||||
name: "Sarah J.",
|
|
||||||
handle: "@sarahj",
|
|
||||||
testimonial: "The staff was so polite and got the job done fast!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746290.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Mike D.", handle: "@miked", testimonial: "Problem was solved quickly and at a fair price.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg"},
|
||||||
name: "Mike D.",
|
|
||||||
handle: "@miked",
|
|
||||||
testimonial: "Problem was solved quickly and at a fair price.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Best service in town. Highly professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-workers-cooperating-shaking-hands_329181-15679.jpg"},
|
||||||
name: "Emily R.",
|
|
||||||
handle: "@emilyr",
|
|
||||||
testimonial: "Best service in town. Highly professional.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-workers-cooperating-shaking-hands_329181-15679.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David K.", handle: "@davidk", testimonial: "Responsive and friendly technicians.", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg"},
|
||||||
name: "David K.",
|
|
||||||
handle: "@davidk",
|
|
||||||
testimonial: "Responsive and friendly technicians.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Linda M.", handle: "@lindam", testimonial: "Saved my day during an emergency leak.", imageSrc: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg"},
|
||||||
name: "Linda M.",
|
|
||||||
handle: "@lindam",
|
|
||||||
testimonial: "Saved my day during an emergency leak.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Customers Say"
|
title="What Our Customers Say"
|
||||||
description="Join 3,500+ satisfied homeowners who trust us for their plumbing needs."
|
description="Join 3,500+ satisfied homeowners who trust us for their plumbing needs."
|
||||||
@@ -224,23 +145,14 @@ export default function LandingPage() {
|
|||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Why Choose Us"
|
title="Why Choose Us"
|
||||||
tag="Reliability Metrics"
|
tag="Proven Performance"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "90+", description: "Years of Experience"},
|
||||||
value: "90+",
|
|
||||||
description: "Years of Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "4.7⭐", description: "Average Rating"},
|
||||||
value: "4.7⭐",
|
|
||||||
description: "Average Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", value: "3,500+", description: "Happy Clients"},
|
||||||
value: "3,500+",
|
|
||||||
description: "Happy Clients",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -252,20 +164,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for all plumbing emergencies."},
|
||||||
title: "Do you offer emergency services?",
|
|
||||||
content: "Yes, we are available 24/7 for all plumbing emergencies.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Are you licensed and insured?", content: "Yes, all our technicians are fully licensed and insured."},
|
||||||
title: "Are you licensed and insured?",
|
|
||||||
content: "Yes, all our technicians are fully licensed and insured.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Do you provide upfront pricing?", content: "Absolutely. We provide clear, upfront pricing before we start any work."},
|
||||||
title: "Do you provide upfront pricing?",
|
|
||||||
content: "Absolutely. We provide clear, upfront pricing before we start any work.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Answers to help you understand our process."
|
description="Answers to help you understand our process."
|
||||||
@@ -280,22 +183,14 @@ export default function LandingPage() {
|
|||||||
description="Fill out the form and our team will reach out as quickly as possible."
|
description="Fill out the form and our team will reach out as quickly as possible."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
||||||
type: "tel",
|
|
||||||
placeholder: "Your Phone",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Describe your plumbing issue here...", rows: 4,
|
||||||
placeholder: "Describe your plumbing issue here...",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -306,42 +201,27 @@ export default function LandingPage() {
|
|||||||
logoText="Roto-Rooter"
|
logoText="Roto-Rooter"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Service Areas",
|
label: "Service Areas", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Drain Cleaning",
|
label: "Drain Cleaning", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Repair",
|
label: "Repair", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -350,4 +230,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user