Merge version_2 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,96 +32,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="City Mega Plumber"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+10000000000",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+10000000000"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Fast, Reliable Plumbing & Electrical Experts You Can Trust"
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Reliable Emergency Plumbing & Electrical Repairs in Minutes"
|
||||
description="24/7 expert emergency repairs, drainage solutions, and professional electrical work for your home and business. Experience the luxury of a seamless, clean, and reliable service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+10000000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+10000000000"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23486.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "Professional client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "Happy person",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Happy person"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
alt: "Satisfied homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg", alt: "Satisfied homeowner"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local homes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Fully Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Flat Pricing",
|
||||
},
|
||||
type: "text", text: "Transparent Flat Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cleanliness Guaranteed",
|
||||
},
|
||||
type: "text", text: "Cleanliness Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Response",
|
||||
},
|
||||
type: "text", text: "Same-Day Response"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,18 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Professional Excellence ",
|
||||
},
|
||||
type: "text", content: "Professional Excellence "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg",
|
||||
alt: "Professional tools",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg", alt: "Professional tools"},
|
||||
{
|
||||
type: "text",
|
||||
content: " You Can Rely On",
|
||||
},
|
||||
type: "text", content: " You Can Rely On"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,35 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response teams available 24/7 for critical plumbing and electrical failures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg",
|
||||
},
|
||||
title: "Emergency Repairs", description: "Rapid response teams available 24/7 for critical plumbing and electrical failures.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg"},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "State-of-the-art detection technology to find and fix hidden leaks quickly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",
|
||||
},
|
||||
title: "Leak Detection", description: "State-of-the-art detection technology to find and fix hidden leaks quickly.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg"},
|
||||
{
|
||||
title: "Geyser Specialists",
|
||||
description: "Full installation, repair, and maintenance for residential and commercial geysers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg",
|
||||
},
|
||||
title: "Geyser Specialists", description: "Full installation, repair, and maintenance for residential and commercial geysers.", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg"},
|
||||
{
|
||||
title: "Drainage Solutions",
|
||||
description: "Clearing blockages, CCTV inspections, and professional drainage system upkeep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg",
|
||||
},
|
||||
title: "Drainage Solutions", description: "Clearing blockages, CCTV inspections, and professional drainage system upkeep.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg"},
|
||||
{
|
||||
title: "Electrical Work",
|
||||
description: "Certified general electrical installations, repairs, and fault-finding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138480.jpg",
|
||||
},
|
||||
title: "Electrical Work", description: "Certified general electrical installations, repairs, and fault-finding.", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138480.jpg"},
|
||||
{
|
||||
title: "Routine Maintenance",
|
||||
description: "Scheduled maintenance to keep your property running smooth and prevent future disasters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",
|
||||
},
|
||||
title: "Routine Maintenance", description: "Scheduled maintenance to keep your property running smooth and prevent future disasters.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From emergency geyser repairs to full electrical installations, we provide premium technical solutions."
|
||||
@@ -194,20 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. Contact Us",
|
||||
description: "Reach out via call, WhatsApp, or form for an instant, professional response.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg",
|
||||
},
|
||||
title: "1. Contact Us", description: "Reach out via call, WhatsApp, or form for an instant, professional response.", imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg"},
|
||||
{
|
||||
title: "2. Assess & Quote",
|
||||
description: "Our experts evaluate your problem and provide transparent, fair pricing immediately.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
title: "2. Assess & Quote", description: "Our experts evaluate your problem and provide transparent, fair pricing immediately.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
title: "3. We Fix It Fast",
|
||||
description: "High-quality, clean, and professional repairs guaranteed to resolve your issue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg",
|
||||
},
|
||||
title: "3. We Fix It Fast", description: "High-quality, clean, and professional repairs guaranteed to resolve your issue.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg"},
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="Getting your property repaired shouldn't be stressful. We make it simple."
|
||||
@@ -221,45 +150,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Very reliable and professional. They fixed my geyser perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Homeowner", testimonial: "Very reliable and professional. They fixed my geyser perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "Manager",
|
||||
testimonial: "Skilled and hardworking team. Best electrical service in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "Manager", testimonial: "Skilled and hardworking team. Best electrical service in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Owner",
|
||||
testimonial: "Affordable and great service. They cleaned up everything afterward.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-holding-coffee-cup-book_23-2147872118.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "Owner", testimonial: "Affordable and great service. They cleaned up everything afterward.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-holding-coffee-cup-book_23-2147872118.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Resident",
|
||||
testimonial: "Fastest response time I've ever experienced from a plumbing service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1937.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "Resident", testimonial: "Fastest response time I've ever experienced from a plumbing service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1937.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
handle: "Client",
|
||||
testimonial: "Polite, friendly, and extremely professional team. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-showing-picture-shot-camera-her-boyfriend_23-2147840138.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Smith", handle: "Client", testimonial: "Polite, friendly, and extremely professional team. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-showing-picture-shot-camera-her-boyfriend_23-2147840138.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -274,22 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Reviews",
|
||||
value: "4.9/5",
|
||||
icon: Star,
|
||||
id: "1", title: "Reviews", value: "4.9/5", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Completed Projects",
|
||||
value: "1,000+",
|
||||
icon: Award,
|
||||
id: "2", title: "Completed Projects", value: "1,000+", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Response Time",
|
||||
value: "<1hr",
|
||||
icon: Zap,
|
||||
id: "3", title: "Response Time", value: "<1hr", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Why We Are The Best"
|
||||
@@ -303,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you available on weekends?",
|
||||
content: "Yes, we are available 24/7, including weekends and holidays, for emergency services.",
|
||||
},
|
||||
id: "1", title: "Are you available on weekends?", content: "Yes, we are available 24/7, including weekends and holidays, for emergency services."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide quotes?",
|
||||
content: "Yes, we provide transparent and free quotes after assessing your specific situation.",
|
||||
},
|
||||
id: "2", title: "Do you provide quotes?", content: "Yes, we provide transparent and free quotes after assessing your specific situation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you handle small jobs?",
|
||||
content: "We handle everything from minor repairs to large-scale installations.",
|
||||
},
|
||||
id: "3", title: "Do you handle small jobs?", content: "We handle everything from minor repairs to large-scale installations."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -328,8 +214,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Need Help Now? We’re Ready."
|
||||
description="Get a fast, professional assessment and quote. Call us or use the form below."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-scene-with-warehouse-logistics-operations_23-2151468798.jpg"
|
||||
@@ -343,50 +228,31 @@ export default function LandingPage() {
|
||||
logoText="City Mega Plumber"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Plumbing", href: "#services"},
|
||||
{
|
||||
label: "Electrical",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Electrical", href: "#services"},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#trust",
|
||||
},
|
||||
label: "About", href: "#trust"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user