Merge version_1 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Anytime Plumbing"
|
||||
/>
|
||||
@@ -53,43 +41,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Plumbing Fixed Fast. Anytime."
|
||||
description="Seattle's most trusted local plumbers. Burst pipes, blocked drains, or hot water failures — we show up fast and get it done right."
|
||||
tag="Available 24/7"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15555551234",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+15555551234" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=1",
|
||||
imageAlt: "Professional plumbing services",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=2",
|
||||
imageAlt: "Plumbing service 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=3",
|
||||
imageAlt: "Plumbing service 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=4",
|
||||
imageAlt: "Plumbing service 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=5",
|
||||
imageAlt: "Plumbing service 5",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png", imageAlt: "Professional plumbing services" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png", imageAlt: "Plumbing service 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png", imageAlt: "Plumbing service 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png", imageAlt: "Plumbing service 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png", imageAlt: "Plumbing service 5" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Clock}
|
||||
@@ -100,12 +65,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Honest Work. Every Time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#why",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#why" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,32 +77,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Emergency",
|
||||
name: "24/7 Emergency",
|
||||
price: "Fast Response",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/an-emergency-repair-scene-plumbing-pipes-1774832645953-1b2994c7.png?_wi=1",
|
||||
},
|
||||
id: "s1", brand: "Emergency", name: "24/7 Emergency", price: "Fast Response", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/an-emergency-repair-scene-plumbing-pipes-1774832645953-1b2994c7.png"},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Cleaning",
|
||||
name: "Drain Cleaning",
|
||||
price: "Reliable",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-close-up-view-of-a-high-quality-stainl-1774832645654-194ac21c.png?_wi=1",
|
||||
},
|
||||
id: "s2", brand: "Cleaning", name: "Drain Cleaning", price: "Reliable", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-close-up-view-of-a-high-quality-stainl-1774832645654-194ac21c.png"},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Systems",
|
||||
name: "Hot Water Systems",
|
||||
price: "Expert Repair",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-sleek-modern-tankless-water-heater-ins-1774832645997-13fae7ff.png",
|
||||
},
|
||||
id: "s3", brand: "Systems", name: "Hot Water Systems", price: "Expert Repair", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-sleek-modern-tankless-water-heater-ins-1774832645997-13fae7ff.png"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Professional plumbing solutions for every situation."
|
||||
@@ -157,42 +99,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "24/7 Availability",
|
||||
description: "We are here for you whenever disaster strikes.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=6",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=7",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=8",
|
||||
imageAlt: "A high-quality, professional, modern Seattle area residential plumbing scene featuring a clean tool ",
|
||||
title: "24/7 Availability", description: "We are here for you whenever disaster strikes.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, only upfront honest quotes.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=9",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=10",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/an-emergency-repair-scene-plumbing-pipes-1774832645953-1b2994c7.png?_wi=2",
|
||||
imageAlt: "An emergency repair scene, plumbing pipes leaking slightly in a clean environment, blue and orange d",
|
||||
title: "Transparent Pricing", description: "No hidden fees, only upfront honest quotes.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Expert Licensed Plumbers",
|
||||
description: "Qualified tradespeople you can trust in your home.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=11",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png?_wi=12",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-close-up-view-of-a-high-quality-stainl-1774832645654-194ac21c.png?_wi=2",
|
||||
imageAlt: "A close-up view of a high-quality stainless steel drain in a modern kitchen, clean, professional ins",
|
||||
title: "Expert Licensed Plumbers", description: "Qualified tradespeople you can trust in your home.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-high-quality-professional-modern-seatt-1774832645466-2ea77286.png" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -208,40 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Scott Forseth",
|
||||
handle: "@client",
|
||||
testimonial: "Anytime Plumbing was great. They arrived on time, were professional, and came in under budget.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832645260-18f42db9.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Scott Forseth", handle: "@client", testimonial: "Anytime Plumbing was great. They arrived on time, were professional, and came in under budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832645260-18f42db9.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sheila Streater",
|
||||
handle: "@client",
|
||||
testimonial: "Exceptional quality work on my water heater replacement. Very professional.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832647221-9f9b2c56.png",
|
||||
},
|
||||
id: "t2", name: "Sheila Streater", handle: "@client", testimonial: "Exceptional quality work on my water heater replacement. Very professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832647221-9f9b2c56.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Patrick Henry",
|
||||
handle: "@client",
|
||||
testimonial: "I've been using Anytime for about a decade. Honest and clean work.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832645184-26a3a88e.png",
|
||||
},
|
||||
id: "t3", name: "Patrick Henry", handle: "@client", testimonial: "I've been using Anytime for about a decade. Honest and clean work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832645184-26a3a88e.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tonya Monaco",
|
||||
handle: "@client",
|
||||
testimonial: "Fast response, fixed everything, clean up afterward. Highly recommend!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832646897-268c9c98.png",
|
||||
},
|
||||
id: "t4", name: "Tonya Monaco", handle: "@client", testimonial: "Fast response, fixed everything, clean up afterward. Highly recommend!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832646897-268c9c98.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Johnson",
|
||||
handle: "@client",
|
||||
testimonial: "Incredible service. They helped us fix a major leak on a Sunday at midnight!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832645260-18f42db9.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Mark Johnson", handle: "@client", testimonial: "Incredible service. They helped us fix a major leak on a Sunday at midnight!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-happy-customer-portrait-clean-backgrou-1774832645260-18f42db9.png"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Read what our satisfied customers have to say about our work."
|
||||
@@ -254,27 +147,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="No obligation — we'll get back to you fast."
|
||||
inputs={[
|
||||
{
|
||||
name: "firstName",
|
||||
type: "text",
|
||||
placeholder: "John",
|
||||
},
|
||||
{
|
||||
name: "lastName",
|
||||
type: "text",
|
||||
placeholder: "Smith",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "(555) 000-0000",
|
||||
},
|
||||
{ name: "firstName", type: "text", placeholder: "John" },
|
||||
{ name: "lastName", type: "text", placeholder: "Smith" },
|
||||
{ name: "phone", type: "tel", placeholder: "(555) 000-0000" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Briefly describe your plumbing issue...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Briefly describe your plumbing issue...", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdxBepO9CJZztyCcAlpTc86VZi/a-clean-modern-professional-toolkit-and--1774832645391-96976972.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user