Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FOF Response"
|
||||
/>
|
||||
@@ -53,117 +41,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="FOF Response Plumbing and Rooter"
|
||||
description="Luxurious, 24/7 expert plumbing services. From emergency leak detection to advanced drain rooter solutions, we deliver precision, speed, and reliability when you need it most."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg?_wi=1",
|
||||
imageAlt: "Plumbing Expert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=1",
|
||||
imageAlt: "Drain Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tools-workshop_329181-11873.jpg?_wi=1",
|
||||
imageAlt: "Leak Detection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg?_wi=1",
|
||||
imageAlt: "Emergency Repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721533.jpg?_wi=1",
|
||||
imageAlt: "Pipe Care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=1",
|
||||
imageAlt: "Rooter Tech",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg", imageAlt: "Plumbing Expert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Drain Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tools-workshop_329181-11873.jpg", imageAlt: "Leak Detection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg", imageAlt: "Emergency Repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721533.jpg", imageAlt: "Pipe Care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", imageAlt: "Rooter Tech" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tools-workshop_329181-11873.jpg?_wi=2",
|
||||
imageAlt: "Leak Detection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg?_wi=2",
|
||||
imageAlt: "Emergency Repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721533.jpg?_wi=2",
|
||||
imageAlt: "Pipe Care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=2",
|
||||
imageAlt: "Rooter Tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg?_wi=2",
|
||||
imageAlt: "Plumbing Expert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=2",
|
||||
imageAlt: "Drain Service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tools-workshop_329181-11873.jpg", imageAlt: "Leak Detection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg", imageAlt: "Emergency Repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721533.jpg", imageAlt: "Pipe Care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", imageAlt: "Rooter Tech" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg", imageAlt: "Plumbing Expert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Drain Service" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550000",
|
||||
},
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5550000" },
|
||||
{ text: "Schedule Service", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg",
|
||||
alt: "Service Expert 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
|
||||
alt: "Service Expert 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-family-going-through-housing-plans-while-moving-into-new-home_637285-12326.jpg",
|
||||
alt: "Service Expert 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-pink-sweater_273609-21232.jpg",
|
||||
alt: "Service Expert 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg",
|
||||
alt: "Service Expert 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg", alt: "Service Expert 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg", alt: "Service Expert 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-family-going-through-housing-plans-while-moving-into-new-home_637285-12326.jpg", alt: "Service Expert 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-pink-sweater_273609-21232.jpg", alt: "Service Expert 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg", alt: "Service Expert 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction Guarantee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Leak Detection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Rooter Techs",
|
||||
},
|
||||
{ type: "text", text: "24/7 Emergency Response" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "100% Satisfaction Guarantee" },
|
||||
{ type: "text", text: "Advanced Leak Detection" },
|
||||
{ type: "text", text: "Professional Rooter Techs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,12 +86,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why FOF Response?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Guarantee",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Guarantee", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,30 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Expert",
|
||||
title: "Drain Cleaning",
|
||||
subtitle: "Advanced Rooter Solutions",
|
||||
description: "Professional high-pressure drain cleaning and blockage removal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-oilfield-worker-checking-quality-gas-pipes-construction-site_342744-363.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Precision",
|
||||
title: "Leak Detection",
|
||||
subtitle: "Non-Invasive Technology",
|
||||
description: "Find hidden leaks fast with our advanced non-invasive detection equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Reliable",
|
||||
title: "Pipe Repair",
|
||||
subtitle: "Quality Installations",
|
||||
description: "Durable, high-quality pipe repair and replacement services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg",
|
||||
},
|
||||
{ id: 1, tag: "Expert", title: "Drain Cleaning", subtitle: "Advanced Rooter Solutions", description: "Professional high-pressure drain cleaning and blockage removal.", imageSrc: "http://img.b2bpic.net/free-photo/shot-oilfield-worker-checking-quality-gas-pipes-construction-site_342744-363.jpg" },
|
||||
{ id: 2, tag: "Precision", title: "Leak Detection", subtitle: "Non-Invasive Technology", description: "Find hidden leaks fast with our advanced non-invasive detection equipment.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg" },
|
||||
{ id: 3, tag: "Reliable", title: "Pipe Repair", subtitle: "Quality Installations", description: "Durable, high-quality pipe repair and replacement services.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium plumbing solutions delivered with expertise and high-end care."
|
||||
@@ -222,17 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "special",
|
||||
badge: "Limited Time",
|
||||
price: "$79",
|
||||
subtitle: "Drain Clearing Special",
|
||||
features: [
|
||||
"Full drain line check",
|
||||
"Clog removal",
|
||||
"Pro inspection",
|
||||
],
|
||||
},
|
||||
{ id: "special", badge: "Limited Time", price: "$79", subtitle: "Drain Clearing Special", features: ["Full drain line check", "Clog removal", "Pro inspection"] },
|
||||
]}
|
||||
title="Exclusive Special"
|
||||
description="Limited time offer for our local community."
|
||||
@@ -243,47 +121,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="What our satisfied customers say about our services."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Service",
|
||||
quote: "FOF Response was quick, professional, and very thorough.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Fixed my leak instantly. Very impressed with the speed.",
|
||||
name: "Michael B.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Rooter",
|
||||
quote: "Finally, my drain is flowing perfectly again. Thank you!",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-going-through-housing-plans-while-moving-into-new-home_637285-12326.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional Team",
|
||||
quote: "Top-tier quality and very friendly staff. Would use again.",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-pink-sweater_273609-21232.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Lifesavers!",
|
||||
quote: "Emergency service at 2AM, saved my basement floors.",
|
||||
name: "Tom W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Great Service", quote: "FOF Response was quick, professional, and very thorough.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg" },
|
||||
{ id: "2", title: "Highly Recommend", quote: "Fixed my leak instantly. Very impressed with the speed.", name: "Michael B.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg" },
|
||||
{ id: "3", title: "Expert Rooter", quote: "Finally, my drain is flowing perfectly again. Thank you!", name: "Emily R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-going-through-housing-plans-while-moving-into-new-home_637285-12326.jpg" },
|
||||
{ id: "4", title: "Professional Team", quote: "Top-tier quality and very friendly staff. Would use again.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-pink-sweater_273609-21232.jpg" },
|
||||
{ id: "5", title: "Lifesavers!", quote: "Emergency service at 2AM, saved my basement floors.", name: "Tom W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2713.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
@@ -293,21 +137,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 emergency response for all plumbing issues.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, insured, and certified plumbing professionals.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I book a visit?",
|
||||
content: "Simply click 'Schedule Service' to book directly or give us a call.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency response for all plumbing issues." },
|
||||
{ id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, insured, and certified plumbing professionals." },
|
||||
{ id: "f3", title: "How do I book a visit?", content: "Simply click 'Schedule Service' to book directly or give us a call." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -317,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Solve Your Plumbing Issues?"
|
||||
description="Our team is ready to respond. Contact us today for premium, fast service."
|
||||
@@ -331,53 +161,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pipe Repair",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Drain Cleaning", href: "#services" }, { label: "Leak Detection", href: "#services" }, { label: "Pipe Repair", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 FOF Response Plumbing and Rooter. All rights reserved."
|
||||
bottomRightText="Built for excellence."
|
||||
|
||||
Reference in New Issue
Block a user