Merge version_2 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -28,25 +28,17 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<div id="nav" data-section="nav" className="pt-8">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Super 5 Drain"
|
||||
/>
|
||||
@@ -55,71 +47,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Super 5 Drain & Plumbing: Your Trusted Solution."
|
||||
description="Fast, reliable plumbing and drain services in your area. From emergency repairs to scheduled maintenance, we get the job done right, the first time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg"
|
||||
imageAlt="plumber working on pipes"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
|
||||
alt: "Female plumber working to fix problems at client's house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", alt: "Female plumber working to fix problems at client's house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",
|
||||
alt: "coveralls digitally generated car cardboard box pointing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg", alt: "coveralls digitally generated car cardboard box pointing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",
|
||||
alt: "Medium shot worker wearing vest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", alt: "Medium shot worker wearing vest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on phone smiling.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg", alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on phone smiling."},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Support",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "24/7 Emergency Support", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Flat-Rate Pricing",
|
||||
icon: Percent,
|
||||
type: "text-icon", text: "Flat-Rate Pricing", icon: Percent,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same-Day Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Same-Day Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Experts",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Experts", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -142,35 +109,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "24/7 service for urgent leaks and blockages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-inspecting-repairing-kitchen-faucet_662251-2682.jpg",
|
||||
imageAlt: "plumber fixing a sink",
|
||||
},
|
||||
title: "Emergency Repairs", description: "24/7 service for urgent leaks and blockages.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-inspecting-repairing-kitchen-faucet_662251-2682.jpg", imageAlt: "plumber fixing a sink"},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Professional high-pressure drain cleaning services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
|
||||
imageAlt: "blocked drain clearing service",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Professional high-pressure drain cleaning services.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg", imageAlt: "blocked drain clearing service"},
|
||||
{
|
||||
title: "Water Heater Installation",
|
||||
description: "Expert repair and installation for all models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
|
||||
imageAlt: "water heater repair services",
|
||||
},
|
||||
title: "Water Heater Installation", description: "Expert repair and installation for all models.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg", imageAlt: "water heater repair services"},
|
||||
{
|
||||
title: "Pipe Inspection",
|
||||
description: "Advanced video inspection to locate hidden leaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
|
||||
imageAlt: "Sanitary technician working with sink",
|
||||
},
|
||||
title: "Pipe Inspection", description: "Advanced video inspection to locate hidden leaks.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg", imageAlt: "Sanitary technician working with sink"},
|
||||
{
|
||||
title: "Fixture Installation",
|
||||
description: "Professional faucet and toilet upgrades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg",
|
||||
imageAlt: "Man fixing kitchen sink",
|
||||
},
|
||||
title: "Fixture Installation", description: "Professional faucet and toilet upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg", imageAlt: "Man fixing kitchen sink"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="We offer a full spectrum of services to keep your home or office plumbing system functioning perfectly."
|
||||
@@ -184,23 +131,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Jobs Completed",
|
||||
value: "5000+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Jobs Completed", value: "5000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Avg Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Avg Rating", value: "4.9/5"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Avg Response",
|
||||
value: "45 Mins",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Avg Response", value: "45 Mins"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Our numbers speak for themselves when it comes to customer satisfaction."
|
||||
@@ -214,59 +152,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", role: "Homeowner", company: "Residential", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Business Owner",
|
||||
company: "Cafe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", role: "Business Owner", company: "Cafe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Wilson",
|
||||
role: "Client",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Wilson", role: "Client", company: "Residential", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Brown",
|
||||
role: "Tenant",
|
||||
company: "Apartments",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
},
|
||||
id: "t4", name: "Lisa Brown", role: "Tenant", company: "Apartments", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Steve Davis",
|
||||
role: "Client",
|
||||
company: "Office",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3985.jpg",
|
||||
},
|
||||
id: "t5", name: "Steve Davis", role: "Client", company: "Office", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3985.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", label: "Satisfaction Rate"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Repeat Clients",
|
||||
},
|
||||
value: "95%", label: "Repeat Clients"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Monthly Service Calls",
|
||||
},
|
||||
value: "500+", label: "Monthly Service Calls"},
|
||||
]}
|
||||
title="Hear From Our Happy Clients"
|
||||
description="Read why local residents choose Super 5 for all their plumbing needs."
|
||||
@@ -279,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed, bonded, and insured for your peace of mind.",
|
||||
},
|
||||
id: "q1", title: "Are you licensed and insured?", content: "Yes, we are fully licensed, bonded, and insured for your peace of mind."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Absolutely, we are available 24/7 for all emergency drain and pipe repairs.",
|
||||
},
|
||||
id: "q2", title: "Do you offer emergency service?", content: "Absolutely, we are available 24/7 for all emergency drain and pipe repairs."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long until you arrive?",
|
||||
content: "Depending on traffic, we aim to be at your doorstep within 45 to 60 minutes.",
|
||||
},
|
||||
id: "q3", title: "How long until you arrive?", content: "Depending on traffic, we aim to be at your doorstep within 45 to 60 minutes."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our plumbing services."
|
||||
@@ -310,25 +208,14 @@ export default function LandingPage() {
|
||||
description="Have a plumbing issue? Reach out today for a prompt response."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your issue",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your issue"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-crazy-emotional-male-delivery-person-wearing-hat-sitting-scooter-showing-document_179666-41229.jpg"
|
||||
imageAlt="modern home plumbing service"
|
||||
/>
|
||||
@@ -339,29 +226,19 @@ export default function LandingPage() {
|
||||
logoText="Super 5 Drain & Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -370,4 +247,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user