Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="D Shuck Family Plumbing"
|
||||
/>
|
||||
@@ -62,75 +52,38 @@ export default function LandingPage() {
|
||||
description="Leaks, clogs, or a water heater on the fritz? Our licensed and insured technicians handle it all—fast, fairly priced, and done right the first time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "They fixed my leak in record time. Excellent service!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2a1elo&_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "They fixed my leak in record time. Excellent service!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2a1elo&_wi=1", imageAlt: "professional plumber smiling tools"},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Very professional and upfront pricing. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mk1qru",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
name: "Mike R.", handle: "@miker", testimonial: "Very professional and upfront pricing. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mk1qru", imageAlt: "professional plumber smiling tools"},
|
||||
{
|
||||
name: "Linda P.",
|
||||
handle: "@lindap",
|
||||
testimonial: "Fast response on a Sunday, saved my floors!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cy1tzs&_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
name: "Linda P.", handle: "@lindap", testimonial: "Fast response on a Sunday, saved my floors!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cy1tzs&_wi=1", imageAlt: "professional plumber smiling tools"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Clean, polite, and very knowledgeable technician.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xmi8v&_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "Clean, polite, and very knowledgeable technician.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xmi8v&_wi=1", imageAlt: "professional plumber smiling tools"},
|
||||
{
|
||||
name: "Elena S.",
|
||||
handle: "@elenas",
|
||||
testimonial: "The best local plumber I've worked with in years.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t5yuze&_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
name: "Elena S.", handle: "@elenas", testimonial: "The best local plumber I've worked with in years.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t5yuze&_wi=1", imageAlt: "professional plumber smiling tools"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2a1elo&_wi=2"
|
||||
imageAlt="professional plumber smiling tools"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
src: "asset://hero-avatar-1", alt: "Happy client 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
src: "asset://hero-avatar-2", alt: "Happy client 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
src: "asset://hero-avatar-3", alt: "Happy client 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
src: "asset://hero-avatar-4", alt: "Happy client 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
src: "asset://hero-avatar-5", alt: "Happy client 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,20 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Trusted Local Plumber",
|
||||
},
|
||||
type: "text", content: "Your Trusted Local Plumber"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mk1qru",
|
||||
alt: "plumber repairing water heater",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mk1qru", alt: "plumber repairing water heater"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,32 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "24/7 Emergency Service",
|
||||
tags: [
|
||||
"Urgent",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cy1tzs&_wi=2",
|
||||
},
|
||||
id: "f1", title: "24/7 Emergency Service", tags: [
|
||||
"Urgent", "Reliable"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cy1tzs&_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Upfront Pricing",
|
||||
tags: [
|
||||
"Fair",
|
||||
"Transparent",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xmi8v&_wi=2",
|
||||
},
|
||||
id: "f2", title: "Upfront Pricing", tags: [
|
||||
"Fair", "Transparent"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xmi8v&_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Residential & Commercial",
|
||||
tags: [
|
||||
"Full-Service",
|
||||
"Expert",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t5yuze&_wi=2",
|
||||
},
|
||||
id: "f3", title: "Residential & Commercial", tags: [
|
||||
"Full-Service", "Expert"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t5yuze&_wi=2"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer residential and commercial plumbing services with a focus on quality and reliability."
|
||||
@@ -204,34 +135,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essential",
|
||||
price: "Standard",
|
||||
period: "Rate",
|
||||
description: "Basic diagnostic and minor repairs.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Diagnostic",
|
||||
"Fixed Price",
|
||||
],
|
||||
id: "p1", tag: "Essential", price: "Standard", period: "Rate", description: "Flat-Rate Diagnostic service with no hidden surprises.", button: {
|
||||
text: "Book Now"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Flat-Rate Diagnostic", "Transparent Fixed Pricing"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Urgent",
|
||||
price: "Emergency",
|
||||
period: "Rate",
|
||||
description: "24/7 priority emergency support.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"24/7 Support",
|
||||
"Immediate Priority",
|
||||
],
|
||||
id: "p2", tag: "Urgent", price: "Emergency", period: "Rate", description: "Flat-Rate Diagnostic for priority 24/7 emergency support.", button: {
|
||||
text: "Book Now"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Flat-Rate Diagnostic", "Immediate Priority Access"],
|
||||
},
|
||||
]}
|
||||
title="Service Estimates"
|
||||
@@ -246,20 +159,11 @@ export default function LandingPage() {
|
||||
tag="Experience"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Emergency Support"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Licensed",
|
||||
description: "Technicians",
|
||||
},
|
||||
id: "m3", value: "Licensed", description: "Technicians"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -271,45 +175,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Service!",
|
||||
quote: "Fast, reliable, and friendly.",
|
||||
name: "Alice M.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku1maj",
|
||||
},
|
||||
id: "t1", title: "Great Service!", quote: "Fast, reliable, and friendly.", name: "Alice M.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku1maj"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top Notch",
|
||||
quote: "Fair price for urgent work.",
|
||||
name: "Bob B.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tv8vd8",
|
||||
},
|
||||
id: "t2", title: "Top Notch", quote: "Fair price for urgent work.", name: "Bob B.", role: "Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tv8vd8"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Professional",
|
||||
quote: "Clean and efficient work.",
|
||||
name: "Charlie D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3evqbv",
|
||||
},
|
||||
id: "t3", title: "Professional", quote: "Clean and efficient work.", name: "Charlie D.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3evqbv"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best local plumbing team.",
|
||||
name: "Diana P.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aspnv7",
|
||||
},
|
||||
id: "t4", title: "Highly Recommend", quote: "Best local plumbing team.", name: "Diana P.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aspnv7"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Excellent",
|
||||
quote: "Quick same-day response.",
|
||||
name: "Evan G.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6rsfei",
|
||||
},
|
||||
id: "t5", title: "Excellent", quote: "Quick same-day response.", name: "Evan G.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6rsfei"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="What our customers are saying."
|
||||
@@ -322,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we provide 24/7 emergency services for your needs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency service?", content: "Yes, we provide 24/7 emergency services for your needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, all our technicians are fully licensed and insured.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed?", content: "Yes, all our technicians are fully licensed and insured."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I get a same-day appointment?",
|
||||
content: "Same-day appointments are often available. Please call us.",
|
||||
},
|
||||
id: "q3", title: "Can I get a same-day appointment?", content: "Same-day appointments are often available. Please call us."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to some of the most common questions our customers ask."
|
||||
@@ -347,14 +212,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Call or text 555-555-5555 to schedule your service today. Same-day appointments are often available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:555-555-5555",
|
||||
},
|
||||
text: "Call Now", href: "tel:555-555-5555"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user