Merge version_2 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Root Eaters Plumbing"
|
||||
/>
|
||||
@@ -61,12 +46,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="ROOT EATERS PLUMBING"
|
||||
description="24/7 Emergency Plumbing & Drain Cleaning Services. We solve your biggest headaches with reliable, honest, and fast service you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+15550123456" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"
|
||||
imageAlt="Root Eaters Plumbing Service"
|
||||
/>
|
||||
@@ -78,18 +58,9 @@ export default function LandingPage() {
|
||||
title="Serving Our Community for Years"
|
||||
description="We are a locally owned plumbing business rooted in professional integrity. Our experts don't just clear drains; they restore your home's peace of mind."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Emergency Ready",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "100%", title: "Satisfaction" },
|
||||
{ value: "24/7", title: "Emergency Ready" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7337.jpg"
|
||||
imageAlt="Professional plumbing service"
|
||||
@@ -104,26 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Emergency",
|
||||
title: "24/7 Emergency",
|
||||
subtitle: "Fast Response",
|
||||
description: "We arrive when you need us most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg",
|
||||
},
|
||||
tag: "Emergency", title: "24/7 Emergency", subtitle: "Fast Response", description: "We arrive when you need us most.", imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg"},
|
||||
{
|
||||
tag: "Maintenance",
|
||||
title: "Drain Cleaning",
|
||||
subtitle: "Deep Roots",
|
||||
description: "Clearing stubborn obstructions for good.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
|
||||
},
|
||||
tag: "Maintenance", title: "Drain Cleaning", subtitle: "Deep Roots", description: "Clearing stubborn obstructions for good.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg"},
|
||||
{
|
||||
tag: "Repair",
|
||||
title: "Leak Detection",
|
||||
subtitle: "Pro Tech",
|
||||
description: "Finding hidden issues before disaster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-his-thumb-up-pink_141793-74570.jpg",
|
||||
},
|
||||
tag: "Repair", title: "Leak Detection", subtitle: "Pro Tech", description: "Finding hidden issues before disaster.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-his-thumb-up-pink_141793-74570.jpg"},
|
||||
]}
|
||||
title="Our Specialized Plumbing Services"
|
||||
description="From emergency repairs to recurring drain maintenance, we bring technical precision to every job."
|
||||
@@ -137,27 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5,000+",
|
||||
title: "Drains Cleared",
|
||||
description: "Persistent obstructions resolved.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2,400+",
|
||||
title: "Leaks Fixed",
|
||||
description: "Property damage prevented.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Referrals",
|
||||
description: "Trusted by our neighbors.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "5,000+", title: "Drains Cleared", description: "Persistent obstructions resolved.", icon: CheckCircle },
|
||||
{ id: "m2", value: "2,400+", title: "Leaks Fixed", description: "Property damage prevented.", icon: Shield },
|
||||
{ id: "m3", value: "98%", title: "Referrals", description: "Trusted by our neighbors.", icon: Award },
|
||||
]}
|
||||
title="Results You Can Count On"
|
||||
description="Proven performance across our community."
|
||||
@@ -170,63 +108,21 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Susan P.",
|
||||
role: "Landlord",
|
||||
company: "Property Management",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kevin L.",
|
||||
role: "Resident",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-sitting-sofa-using-tablet_23-2148020480.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diane R.",
|
||||
role: "Homeowner",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Frank S.",
|
||||
role: "Local Business",
|
||||
company: "Bistro Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark D.", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
|
||||
{ id: "2", name: "Susan P.", role: "Landlord", company: "Property Management", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg" },
|
||||
{ id: "3", name: "Andrea Rice", role: "Homeowner", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-sitting-sofa-using-tablet_23-2148020480.jpg" },
|
||||
{ id: "4", name: "Brad", role: "Client", company: "Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg" },
|
||||
{ id: "5", name: "Darling Dollz", role: "Local Business", company: "Bistro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
|
||||
{ id: "6", name: "Tracy", role: "Resident", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg" },
|
||||
{ id: "7", name: "Sherry Hescott", role: "Homeowner", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Repeat Clients",
|
||||
},
|
||||
{ value: "4.5/5", label: "Avg Rating" },
|
||||
{ value: "100+", label: "Google Reviews" },
|
||||
{ value: "95%", label: "Repeat Clients" },
|
||||
]}
|
||||
title="Neighborhood Trust"
|
||||
description="Real feedback from local homeowners."
|
||||
description="Real feedback from local homeowners we have helped."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,16 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"City Chamber",
|
||||
"Local Realtor Assoc",
|
||||
"Town Property Trust",
|
||||
"Downtown Business Guild",
|
||||
"Neighborhood Watch",
|
||||
"Green Community Fund",
|
||||
"Local Cafe Network",
|
||||
]}
|
||||
title="Community Partners"
|
||||
description="Proudly supporting local businesses and organizations."
|
||||
"Andrea Rice", "Brad", "Darling Dollz", "Tracy", "Sherry Hescott", "City Chamber", "Local Realtor Assoc", "Town Property Trust"]}
|
||||
title="Trusted by Neighbors"
|
||||
description="Building local trust, one home at a time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available 24/7 for urgent plumbing needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "Absolutely, all technicians are fully licensed and insured.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get an estimate?",
|
||||
content: "Simply call our emergency line or fill out the contact form below.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency service?", content: "Yes, we are available 24/7 for urgent plumbing needs." },
|
||||
{ id: "f2", title: "Are your plumbers licensed?", content: "Absolutely, all technicians are fully licensed and insured." },
|
||||
{ id: "f3", title: "How do I get an estimate?", content: "Simply call our emergency line or fill out the contact form below." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="We're here to make plumbing simple."
|
||||
@@ -281,22 +158,10 @@ export default function LandingPage() {
|
||||
title="Ready for Help?"
|
||||
description="Reach out today and we will respond immediately."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Please describe your issue",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Please describe your issue", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-overall-talking-by-phone_23-2148073113.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -305,29 +170,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user