Merge version_1 into main #2
251
src/app/page.tsx
251
src/app/page.tsx
@@ -17,92 +17,51 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Santa Monica Drain Co."
|
||||
button={{ text: "Book Online", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Expert Plumbing Solutions in Santa Monica"
|
||||
description="Critical plumbing defects require immediate expert attention. We provide fast, reliable, and professional drain and pipe repair services for homeowners."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g8c892c67098b8dc591033aa79c99747835f3c6b440ab04d561df3d6dd75704938891b7e2ea8d3f631c1bb92f0bc19406b300093d8e34671ff53cc39b3489fc6d_1280.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Online", href: "#contact" }]}
|
||||
imageSrc="https://pixabay.com/get/g8c892c67098b8dc591033aa79c99747835f3c6b440ab04d561df3d6dd75704938891b7e2ea8d3f631c1bb92f0bc19406b300093d8e34671ff53cc39b3489fc6d_1280.jpg"
|
||||
imageAlt="Professional local plumber"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/gc4089cd62d9866eb80acebe4b90660b6fab357ee1dc93aacf7ab1fe7b7263a17467b071fae97e2b24447ef283ec24036599ddf0a0dbdafb58b1f9b5fce1443cd_1280.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g283083e1a9cd915ce1623b16d466320ba00c045c595df33d3152d391b74d5a49187e1183b1006555876de90c62580e94eefa7355b539f87c73540814c9655f67_1280.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/geceb74eba32f3b995f6a1da628c5417d7dfae0b5bfa7060f30e4196d1d6dbaebd74eb05e80b1c5cfe9dd14e98c4e13c2719afdd89e72fe9b9766bf8c920d5303_1280.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg", alt: "Customer 1" },
|
||||
{ src: "https://pixabay.com/get/gc4089cd62d9866eb80acebe4b90660b6fab357ee1dc93aacf7ab1fe7b7263a17467b071fae97e2b24447ef283ec24036599ddf0a0dbdafb58b1f9b5fce1443cd_1280.jpg", alt: "Customer 2" },
|
||||
{ src: "https://pixabay.com/get/g283083e1a9cd915ce1623b16d466320ba00c045c595df33d3152d391b74d5a49187e1183b1006555876de90c62580e94eefa7355b539f87c73540814c9655f67_1280.jpg", alt: "Customer 3" },
|
||||
{ src: "https://pixabay.com/get/geceb74eba32f3b995f6a1da628c5417d7dfae0b5bfa7060f30e4196d1d6dbaebd74eb05e80b1c5cfe9dd14e98c4e13c2719afdd89e72fe9b9766bf8c920d5303_1280.jpg", alt: "Customer 4" },
|
||||
{ src: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by over 500+ satisfied Santa Monica residents."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Upfront Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Service",
|
||||
},
|
||||
{ type: "text", text: "24/7 Emergency Repairs" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Local Experts" },
|
||||
{ type: "text", text: "Upfront Pricing" },
|
||||
{ type: "text", text: "Professional Service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,57 +73,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Drain Cleaning",
|
||||
description: "Advanced hydro jetting and rooter services to clear the most stubborn blockages.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg?_wi=1",
|
||||
imageAlt: "Drain cleaning service",
|
||||
},
|
||||
id: "s1", title: "Drain Cleaning", description: "Advanced hydro jetting and rooter services to clear the most stubborn blockages.", media: { imageSrc: "https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg", imageAlt: "Drain cleaning service" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High pressure jetting",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "CCTV camera inspection",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Main line cleaning",
|
||||
},
|
||||
{ icon: CheckCircle, text: "High pressure jetting" },
|
||||
{ icon: CheckCircle, text: "CCTV camera inspection" },
|
||||
{ icon: CheckCircle, text: "Main line cleaning" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://pixabay.com/get/g8c892c67098b8dc591033aa79c99747835f3c6b440ab04d561df3d6dd75704938891b7e2ea8d3f631c1bb92f0bc19406b300093d8e34671ff53cc39b3489fc6d_1280.jpg?_wi=2",
|
||||
imageAlt: "professional local plumber smiling",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Leak Repair",
|
||||
description: "Quick identification and permanent sealing of pipes to prevent water damage.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg?_wi=2",
|
||||
imageAlt: "Plumbing repair",
|
||||
},
|
||||
id: "s2", title: "Leak Repair", description: "Quick identification and permanent sealing of pipes to prevent water damage.", media: { imageSrc: "https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg", imageAlt: "Plumbing repair" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leak detection",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pipe patching",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Full pipe replacement",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Leak detection" },
|
||||
{ icon: CheckCircle, text: "Pipe patching" },
|
||||
{ icon: CheckCircle, text: "Full pipe replacement" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg?_wi=3",
|
||||
imageAlt: "professional plumbing repair service",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="From emergency leak repairs to routine drain maintenance, we ensure your home plumbing system is operating at its best."
|
||||
@@ -177,20 +102,11 @@ export default function LandingPage() {
|
||||
title="Why Choose Us?"
|
||||
description="We are a locally trusted team committed to transparency, punctuality, and excellence. Your home is our priority."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Available",
|
||||
},
|
||||
{ value: "500+", title: "Happy Clients" },
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "24/7", title: "Available" }
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg?_wi=4"
|
||||
imageSrc="https://pixabay.com/get/g97aaf78f4c61fd962f1d0cac0060480ce8a3b7f6dfbd7d376ffcf4dcca2c5e40f9272e32d44953280d8973b4b5a51e8bd80989cdf2eb2ebbeef96812a553684a_1280.jpg"
|
||||
imageAlt="Team working"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -203,46 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The service solved my critical leak with proper expertise and efficiency.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Plumber arrived on time, was polite, and fixed the issue without excuses.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gc4089cd62d9866eb80acebe4b90660b6fab357ee1dc93aacf7ab1fe7b7263a17467b071fae97e2b24447ef283ec24036599ddf0a0dbdafb58b1f9b5fce1443cd_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Excellent service at a great cost. Very knowledgeable and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g283083e1a9cd915ce1623b16d466320ba00c045c595df33d3152d391b74d5a49187e1183b1006555876de90c62580e94eefa7355b539f87c73540814c9655f67_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "They unclogged the main drain and finished in under 45 minutes!",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/geceb74eba32f3b995f6a1da628c5417d7dfae0b5bfa7060f30e4196d1d6dbaebd74eb05e80b1c5cfe9dd14e98c4e13c2719afdd89e72fe9b9766bf8c920d5303_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
handle: "@robertm",
|
||||
testimonial: "Trustworthy, quick, and left the workspace perfectly clean.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The service solved my critical leak with proper expertise and efficiency.", rating: 5, imageSrc: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Plumber arrived on time, was polite, and fixed the issue without excuses.", rating: 5, imageSrc: "https://pixabay.com/get/gc4089cd62d9866eb80acebe4b90660b6fab357ee1dc93aacf7ab1fe7b7263a17467b071fae97e2b24447ef283ec24036599ddf0a0dbdafb58b1f9b5fce1443cd_1280.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Excellent service at a great cost. Very knowledgeable and fast.", rating: 5, imageSrc: "https://pixabay.com/get/g283083e1a9cd915ce1623b16d466320ba00c045c595df33d3152d391b74d5a49187e1183b1006555876de90c62580e94eefa7355b539f87c73540814c9655f67_1280.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "They unclogged the main drain and finished in under 45 minutes!", rating: 5, imageSrc: "https://pixabay.com/get/geceb74eba32f3b995f6a1da628c5417d7dfae0b5bfa7060f30e4196d1d6dbaebd74eb05e80b1c5cfe9dd14e98c4e13c2719afdd89e72fe9b9766bf8c920d5303_1280.jpg" },
|
||||
{ id: "5", name: "Robert Miller", handle: "@robertm", testimonial: "Trustworthy, quick, and left the workspace perfectly clean.", rating: 5, imageSrc: "https://pixabay.com/get/g84b62f340cffe1a1ff58331a02445fba692ae9bbabd1b43d816e7dc92941534da30874834925cf221e2c26a976afb1f946a1a86d684f65fbb6274e48ebcc9c7a_1280.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -255,21 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you available on weekends?",
|
||||
content: "Yes, we offer 24/7 service including weekends and holidays.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "We offer clear, upfront pricing estimates before we begin any work.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is your team insured?",
|
||||
content: "Yes, our technicians are fully licensed, bonded, and insured.",
|
||||
},
|
||||
{ id: "q1", title: "Are you available on weekends?", content: "Yes, we offer 24/7 service including weekends and holidays." },
|
||||
{ id: "q2", title: "Do you provide free estimates?", content: "We offer clear, upfront pricing estimates before we begin any work." },
|
||||
{ id: "q3", title: "Is your team insured?", content: "Yes, our technicians are fully licensed, bonded, and insured." }
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g3d90fe3ddf2eae90ec8015070e0e669953e483202d4ff54f2b2ae52483a535fcfbc3efa3af84f2b9d1aa42d01af5c568697054962c1fd3310cfc5014b5f0c0e6_1280.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -282,28 +151,8 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/g060eac74c8beacf89f946d8311453dd427645964a6dcbf6ba18491726765bb4b4d632f0831067a2f7913cffd65ef690efdaa347d6240748eec233f87ae04ed29_1280.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(310) 929-7642",
|
||||
href: "tel:+13109297642",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "(310) 929-7642", href: "tel:+13109297642" }] }
|
||||
]}
|
||||
logoText="Santa Monica Drain Co."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user