Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Royal Plumbing"
|
||||
/>
|
||||
@@ -54,38 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Royal Plumbing—Premium Service, Honest Pricing"
|
||||
description="Emergency or routine, we arrive on time with upfront pricing and certified expertise. No surprises, just solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Service Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Your Service Today", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55684.jpg",
|
||||
imageAlt: "industrial plumbing maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg",
|
||||
imageAlt: "plumbing tools laid out",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",
|
||||
imageAlt: "drain service maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184942.jpg",
|
||||
imageAlt: "water heater repair tech",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55684.jpg", imageAlt: "industrial plumbing maintenance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg", imageAlt: "plumbing tools laid out" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg", imageAlt: "drain service maintenance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184942.jpg", imageAlt: "water heater repair tech" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,31 +63,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response for urgent leaks and blockages.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Preventative Maintenance",
|
||||
description: "Keep your systems running smoothly all year round.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Drain & Sewer",
|
||||
description: "Advanced cleaning for complex sewage issues.",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "System Inspections",
|
||||
description: "Comprehensive diagnostics for your home plumbing.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Water Heater Care",
|
||||
description: "Expert repair and installation services.",
|
||||
},
|
||||
{ icon: Wrench, title: "Emergency Repairs", description: "Rapid response for urgent leaks and blockages." },
|
||||
{ icon: Shield, title: "Preventative Maintenance", description: "Keep your systems running smoothly all year round." },
|
||||
{ icon: Droplets, title: "Drain & Sewer", description: "Advanced cleaning for complex sewage issues." },
|
||||
{ icon: Gauge, title: "System Inspections", description: "Comprehensive diagnostics for your home plumbing." },
|
||||
{ icon: Droplets, title: "Water Heater Care", description: "Expert repair and installation services." },
|
||||
]}
|
||||
title="Professional Services You Can Trust"
|
||||
description="We offer a comprehensive range of plumbing services designed for residential and commercial needs."
|
||||
@@ -131,42 +78,21 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Royal Plumbing Commitment",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",
|
||||
alt: "team of professional plumbers",
|
||||
},
|
||||
{ type: "text", content: "The Royal Plumbing Commitment" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg", alt: "team of professional plumbers" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Fast Response",
|
||||
value: "30m",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Jobs Completed",
|
||||
value: "5k+",
|
||||
},
|
||||
{ id: "m1", icon: Clock, title: "Fast Response", value: "30m" },
|
||||
{ id: "m2", icon: Award, title: "Years Experience", value: "15+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Jobs Completed", value: "5k+" },
|
||||
]}
|
||||
title="Reliability by the Numbers"
|
||||
description="Our experience speaks for itself."
|
||||
@@ -179,41 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent response time. Professional and tidy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-female-posing-indoor_344912-969.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Property Manager",
|
||||
testimonial: "Dependable and detailed maintenance work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
testimonial: "The upfront pricing was refreshing and fair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
testimonial: "Solved a complex leak issue quickly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
role: "Commercial Manager",
|
||||
testimonial: "Best service for our corporate office.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "Excellent response time. Professional and tidy.", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-female-posing-indoor_344912-969.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Property Manager", testimonial: "Dependable and detailed maintenance work.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Homeowner", testimonial: "The upfront pricing was refreshing and fair.", imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Homeowner", testimonial: "Solved a complex leak issue quickly.", imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg" },
|
||||
{ id: "5", name: "Laura Smith", role: "Commercial Manager", testimonial: "Best service for our corporate office.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg" },
|
||||
]}
|
||||
title="Proven Quality"
|
||||
description="What our clients say about us."
|
||||
@@ -225,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide emergency services?",
|
||||
content: "Yes, our team is on call for urgent requests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is pricing transparent?",
|
||||
content: "Absolutely. We provide upfront quotes before starting.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your technicians certified?",
|
||||
content: "All our technicians are fully licensed and certified.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide emergency services?", content: "Yes, our team is on call for urgent requests." },
|
||||
{ id: "f2", title: "Is pricing transparent?", content: "Absolutely. We provide upfront quotes before starting." },
|
||||
{ id: "f3", title: "Are your technicians certified?", content: "All our technicians are fully licensed and certified." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers here."
|
||||
@@ -250,16 +134,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to get started? We're available 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Service Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Your Service Today", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -268,36 +145,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/faucet-sink_1203-2705.jpg"
|
||||
logoText="Royal Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repairs",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Emergency Repairs", href: "#features" }, { label: "Maintenance", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user