Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Emergency",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Emergency", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now: 332-233-7070",
|
||||
href: "tel:+13322337070",
|
||||
}}
|
||||
text: "Call Now: 332-233-7070", href: "tel:+13322337070"}}
|
||||
brandName="NYC 24/7 Plumbers"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,116 +48,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Master Plumbers at Your Door in 60 Minutes"
|
||||
description="Premium 24/7 emergency services for Manhattan residences and businesses. Transparent pricing. Zero mess. Your property is in the best hands."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=1",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=1",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=2",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=2",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=3",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=3",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", imageAlt: "Professional Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", imageAlt: "Professional Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Luxury Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", imageAlt: "Professional Service" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=4",
|
||||
imageAlt: "Service Team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=4",
|
||||
imageAlt: "Plumbing Excellence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=5",
|
||||
imageAlt: "Service Team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=5",
|
||||
imageAlt: "Plumbing Excellence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=6",
|
||||
imageAlt: "Service Team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=6",
|
||||
imageAlt: "Plumbing Excellence",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", imageAlt: "Service Team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Plumbing Excellence" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", imageAlt: "Service Team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Plumbing Excellence" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", imageAlt: "Service Team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Plumbing Excellence" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Emergency Dispatch",
|
||||
href: "tel:+13322337070",
|
||||
},
|
||||
text: "Request Emergency Dispatch", href: "tel:+13322337070"},
|
||||
{
|
||||
text: "View Rates",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Rates", href: "#pricing"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok-holding-phone_343596-1461.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-using-mobile-phone-working_329181-3735.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208280.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok-holding-phone_343596-1461.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-worker-using-mobile-phone-working_329181-3735.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208280.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Manhattan residents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "60-Minute Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Experts",
|
||||
},
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "60-Minute Response" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Commercial Experts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,19 +98,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time",
|
||||
value: "60 Min",
|
||||
},
|
||||
label: "Response Time", value: "60 Min"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Licensed Professionals",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Licensed Professionals", value: "100%"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Satisfaction Guaranteed",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Satisfaction Guaranteed", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -205,43 +118,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "24/7 Emergency Dispatch",
|
||||
description: "Rapid response to any residential or commercial emergency, day or night.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg?_wi=7",
|
||||
imageAlt: "luxury bathroom interior design",
|
||||
title: "24/7 Emergency Dispatch", description: "Rapid response to any residential or commercial emergency, day or night.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Precision Leak Detection",
|
||||
description: "High-tech tools to pinpoint issues without unnecessary damage.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic_1368-4087.jpg?_wi=7",
|
||||
imageAlt: "professional plumber uniform",
|
||||
title: "Precision Leak Detection", description: "High-tech tools to pinpoint issues without unnecessary damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Commercial Maintenance",
|
||||
description: "Discreet, reliable service for luxury buildings and hospitality venues.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg?_wi=4",
|
||||
imageAlt: "copper pipe installation",
|
||||
},
|
||||
title: "Commercial Maintenance", description: "Discreet, reliable service for luxury buildings and hospitality venues.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/radiator-valve-macro-modern-heating-industrial-style_169016-69239.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Emergency Services, Expertly Executed"
|
||||
@@ -256,45 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eleanor V.",
|
||||
handle: "Resident, Upper East Side",
|
||||
testimonial: "Immediate response and incredibly professional. They handled the leak with complete discretion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok-holding-phone_343596-1461.jpg",
|
||||
},
|
||||
id: "1", name: "Eleanor V.", handle: "Resident, Upper East Side", testimonial: "Immediate response and incredibly professional. They handled the leak with complete discretion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok-holding-phone_343596-1461.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus D.",
|
||||
handle: "Bldg. Super, Chelsea",
|
||||
testimonial: "The best emergency team I've ever hired. Transparent, fast, and very clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus D.", handle: "Bldg. Super, Chelsea", testimonial: "The best emergency team I've ever hired. Transparent, fast, and very clean.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
handle: "Hospitality Manager",
|
||||
testimonial: "When we have an emergency, they are our only call. Exceptional service quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-mobile-phone-working_329181-3735.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah K.", handle: "Hospitality Manager", testimonial: "When we have an emergency, they are our only call. Exceptional service quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-mobile-phone-working_329181-3735.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James P.",
|
||||
handle: "Property Manager",
|
||||
testimonial: "Reliable, professional, and clear pricing. Gold standard for Manhattan plumbing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208280.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "James P.", handle: "Property Manager", testimonial: "Reliable, professional, and clear pricing. Gold standard for Manhattan plumbing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208280.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
handle: "Restaurant Owner",
|
||||
testimonial: "Saved our kitchen during a busy dinner service. True professionals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208280.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Robert B.", handle: "Restaurant Owner", testimonial: "Saved our kitchen during a busy dinner service. True professionals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208280.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Manhattan's Best"
|
||||
@@ -308,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your typical response time?",
|
||||
content: "Our goal is always to have a master plumber at your door within 60 minutes for emergency dispatches.",
|
||||
},
|
||||
id: "1", title: "What is your typical response time?", content: "Our goal is always to have a master plumber at your door within 60 minutes for emergency dispatches."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you serve commercial properties?",
|
||||
content: "Yes, we specialize in high-end commercial property management and hospitality plumbing needs.",
|
||||
},
|
||||
id: "2", title: "Do you serve commercial properties?", content: "Yes, we specialize in high-end commercial property management and hospitality plumbing needs."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is pricing transparent?",
|
||||
content: "Absolutely. We provide clear, itemized pricing before work begins, with no hidden fees.",
|
||||
},
|
||||
id: "3", title: "Is pricing transparent?", content: "Absolutely. We provide clear, itemized pricing before work begins, with no hidden fees."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your emergency plumbing questions."
|
||||
@@ -333,16 +188,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Emergency Hotline"
|
||||
title="Need Immediate Help?"
|
||||
description="Our team is standing by 24/7 to solve your plumbing emergency right now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 332-233-7070",
|
||||
href: "tel:+13322337070",
|
||||
},
|
||||
text: "Call Now: 332-233-7070", href: "tel:+13322337070"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,37 +203,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Repair", href: "#services"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Commercial", href: "#services"},
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leak Detection", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About Us", href: "#hero"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user