Merge version_1 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fussell Plumbing"
|
||||
/>
|
||||
@@ -62,72 +44,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Reliable Plumbing Services for Your Home"
|
||||
description="Fussell Plumbing provides expert residential and commercial plumbing repairs, installations, and maintenance. Fast, professional, and dedicated to your peace of mind."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Available",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "24/7", label: "Available" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg",
|
||||
alt: "Side view man working as plumber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",
|
||||
alt: "Man adjusting water tap with wrench",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg",
|
||||
alt: "Household repair Middle aged man inspecting pipe touching hand under sink",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg",
|
||||
alt: "Man rinsing dish sponge under running water",
|
||||
},
|
||||
{
|
||||
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/side-view-man-working-as-plumber_23-2150746303.jpg", alt: "Side view man working as plumber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg", alt: "Man adjusting water tap with wrench" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg", alt: "Household repair Middle aged man inspecting pipe touching hand under sink" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg", alt: "Man rinsing dish sponge under running water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", alt: "Front view man working as plumber" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Water Heater Installation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Drain Cleaning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Leak Detection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pipe Replacement",
|
||||
},
|
||||
{ type: "text", text: "Emergency Repair" },
|
||||
{ type: "text", text: "Water Heater Installation" },
|
||||
{ type: "text", text: "Drain Cleaning" },
|
||||
{ type: "text", text: "Leak Detection" },
|
||||
{ type: "text", text: "Pipe Replacement" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,20 +80,11 @@ export default function LandingPage() {
|
||||
title="Your Trusted Local Plumber"
|
||||
description="At Fussell Plumbing, we believe that quality service and customer trust are the cornerstones of our business. Our certified experts use the best tools to solve your plumbing challenges effectively and affordably."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Professional standards you can rely on for safety and quality.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden costs, clear estimates, and honest work every time.",
|
||||
},
|
||||
{
|
||||
title: "Fast Response",
|
||||
description: "We understand emergencies; we are on call to help when you need us most.",
|
||||
},
|
||||
{ title: "Licensed & Insured", description: "Professional standards you can rely on for safety and quality." },
|
||||
{ title: "Transparent Pricing", description: "No hidden costs, clear estimates, and honest work every time." },
|
||||
{ title: "Fast Response", description: "We understand emergencies; we are on call to help when you need us most." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1832.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1832.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -164,40 +96,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Drain & Sewer Cleaning",
|
||||
description: "High-pressure clearing for stubborn clogs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=2",
|
||||
imageAlt: "drain cleaning professional equipment",
|
||||
title: "Drain & Sewer Cleaning", description: "High-pressure clearing for stubborn clogs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Water Heater Installation",
|
||||
description: "Efficient setups and repair for tank or tankless heaters.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721543.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1832.jpg?_wi=2",
|
||||
imageAlt: "drain cleaning professional equipment",
|
||||
title: "Water Heater Installation", description: "Efficient setups and repair for tank or tankless heaters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721543.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Advanced detection to save your home from water damage.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-prosthetic-leg-while-working-laboratory_627829-7187.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg?_wi=1",
|
||||
imageAlt: "drain cleaning professional equipment",
|
||||
title: "Leak Detection & Repair", description: "Advanced detection to save your home from water damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/prosthetist-man-making-prosthetic-leg-while-working-laboratory_627829-7187.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -212,21 +120,9 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2000+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "150+",
|
||||
description: "5-Star Reviews",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "25+",
|
||||
description: "Local Partners",
|
||||
},
|
||||
{ id: "1", value: "2000+", description: "Projects Completed" },
|
||||
{ id: "2", value: "150+", description: "5-Star Reviews" },
|
||||
{ id: "3", value: "25+", description: "Local Partners" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -237,50 +133,16 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Clients Say"
|
||||
description="Read what our happy customers have to say about our service."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice",
|
||||
testimonial: "Fussell Plumbing came to the rescue during an emergency leak. Very professional and quick!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bob",
|
||||
testimonial: "Honest pricing and great workmanship. Will definitely use them again for any issues.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-attractive-young-girl-laughing-having-fun-white-background_176420-31006.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol White",
|
||||
handle: "@carol",
|
||||
testimonial: "They installed my new water heater perfectly. Everything was clean and done on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Brown",
|
||||
handle: "@david",
|
||||
testimonial: "Very friendly staff and highly knowledgeable. Best plumbing experience so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eva Green",
|
||||
handle: "@eva",
|
||||
testimonial: "Highly recommended for their reliability and professional expertise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furious-young-couple-construction-worker-uniform-cap-girl-raising-pipe-wrench-with-closed-eyes-guy-holding-hoe-rake-both-screaming_141793-112044.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", handle: "@alice", testimonial: "Fussell Plumbing came to the rescue during an emergency leak. Very professional and quick!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg" },
|
||||
{ id: "2", name: "Bob Smith", handle: "@bob", testimonial: "Honest pricing and great workmanship. Will definitely use them again for any issues.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-attractive-young-girl-laughing-having-fun-white-background_176420-31006.jpg" },
|
||||
{ id: "3", name: "Carol White", handle: "@carol", testimonial: "They installed my new water heater perfectly. Everything was clean and done on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg" },
|
||||
{ id: "4", name: "David Brown", handle: "@david", testimonial: "Very friendly staff and highly knowledgeable. Best plumbing experience so far.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg" },
|
||||
{ id: "5", name: "Eva Green", handle: "@eva", testimonial: "Highly recommended for their reliability and professional expertise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/furious-young-couple-construction-worker-uniform-cap-girl-raising-pipe-wrench-with-closed-eyes-guy-holding-hoe-rake-both-screaming_141793-112044.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -289,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly can you respond to emergencies?",
|
||||
content: "We prioritize emergency calls and strive to be at your doorstep as soon as possible, usually within a few hours.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranties on your work?",
|
||||
content: "Yes, we stand behind our workmanship with comprehensive warranties for all our plumbing repairs and installations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, bank transfers, and digital payments for your convenience.",
|
||||
},
|
||||
{ id: "1", title: "How quickly can you respond to emergencies?", content: "We prioritize emergency calls and strive to be at your doorstep as soon as possible, usually within a few hours." },
|
||||
{ id: "2", title: "Do you offer warranties on your work?", content: "Yes, we stand behind our workmanship with comprehensive warranties for all our plumbing repairs and installations." },
|
||||
{ id: "3", title: "What payment methods do you accept?", content: "We accept all major credit cards, bank transfers, and digital payments for your convenience." },
|
||||
]}
|
||||
title="Common Plumbing Questions"
|
||||
description="Here are the answers to some of the questions we receive most often."
|
||||
@@ -316,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"City Construction",
|
||||
"Main Street Realty",
|
||||
"Town Home Builders",
|
||||
"Eco Solutions Ltd",
|
||||
"Residential Pro",
|
||||
"Service Alliance",
|
||||
"Local Business Group",
|
||||
]}
|
||||
"City Construction", "Main Street Realty", "Town Home Builders", "Eco Solutions Ltd", "Residential Pro", "Service Alliance", "Local Business Group"]}
|
||||
title="Trusted Partners & Community Endorsements"
|
||||
description="We are proud to serve our community and work with recognized local brands."
|
||||
/>
|
||||
@@ -332,21 +175,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help With Your Plumbing?"
|
||||
description="Our team is ready to provide you with a consultation or help with your immediate plumbing emergency."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule an Appointment",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
{ text: "Schedule an Appointment", href: "#" },
|
||||
{ text: "Call Now", href: "tel:5550101" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -356,50 +191,23 @@ export default function LandingPage() {
|
||||
logoText="Fussell Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Leak Repair",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Drain Cleaning", href: "#" },
|
||||
{ label: "Water Heaters", href: "#" },
|
||||
{ label: "Leak Repair", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user