Merge version_2 into main #1
203
src/app/page.tsx
203
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
topBarButton={{
|
||||
text: "Call Now: 555-0199",
|
||||
href: "tel:5550199",
|
||||
}}
|
||||
text: "Call Now: 555-0199", href: "tel:5550199"}}
|
||||
brandName="ProPlumb"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,67 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Plumbing Solutions, Delivered Fast."
|
||||
description="24/7 emergency service with a satisfaction guarantee. Professional care for your home's most essential systems."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-67551.jpg"
|
||||
imageAlt="Professional plumbing services in action"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-delivery-woman-blue-uniform-cap-holding-clipboard-with-blank-pages-looking-front-smiling-cheerfully-showing-ok-sign-standing-pink-wall_141793-71863.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-delivery-woman-blue-uniform-cap-holding-clipboard-with-blank-pages-looking-front-smiling-cheerfully-showing-ok-sign-standing-pink-wall_141793-71863.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "testimonial-4",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "testimonial-4", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy local customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Drain Cleaning",
|
||||
},
|
||||
type: "text", text: "Drain Cleaning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repair",
|
||||
},
|
||||
type: "text", text: "Emergency Repair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Water Heaters",
|
||||
},
|
||||
type: "text", text: "Water Heaters"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sewer Line Inspection",
|
||||
},
|
||||
type: "text", text: "Sewer Line Inspection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pipe Installation",
|
||||
},
|
||||
type: "text", text: "Pipe Installation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,12 +93,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Same-Day Service",
|
||||
"100% Guaranteed",
|
||||
"Transparent Pricing",
|
||||
"Licensed & Insured",
|
||||
"24/7 Availability",
|
||||
]}
|
||||
"Same-Day Service", "100% Guaranteed", "Transparent Pricing", "Licensed & Insured", "24/7 Availability"]}
|
||||
title="Why Trust Us?"
|
||||
description="Providing peace of mind with expert service, reliable results, and clear communication."
|
||||
/>
|
||||
@@ -145,23 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Clear your clogs fast with our professional high-pressure hydro-jetting tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rake_93675-133353.jpg",
|
||||
imageAlt: "Drain Cleaning",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Clear your clogs fast with our professional high-pressure hydro-jetting tools.", imageSrc: "http://img.b2bpic.net/free-photo/rake_93675-133353.jpg", imageAlt: "Drain Cleaning"},
|
||||
{
|
||||
title: "Sewer Service",
|
||||
description: "Expert camera inspections and trenchless sewer line repairs for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-things-worker-builder-electrician-top-view_169016-25063.jpg",
|
||||
imageAlt: "Sewer Service",
|
||||
},
|
||||
title: "Sewer Service", description: "Expert camera inspections and trenchless sewer line repairs for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-things-worker-builder-electrician-top-view_169016-25063.jpg", imageAlt: "Sewer Service"},
|
||||
{
|
||||
title: "Toilet Repair",
|
||||
description: "Quick, mess-free repairs and installations for all brands and styles of toilets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",
|
||||
imageAlt: "Toilet Repair",
|
||||
},
|
||||
title: "Toilet Repair", description: "Quick, mess-free repairs and installations for all brands and styles of toilets.", imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg", imageAlt: "Toilet Repair"},
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Comprehensive residential and commercial plumbing repairs with 5-star service ratings."
|
||||
@@ -173,9 +121,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Neighborhood Pros"
|
||||
description={[
|
||||
"Founded on integrity, ProPlumb serves our community with dedication. We treat every home like it's our own.",
|
||||
"Hours: Mon-Sun 24/7. Phone: 555-0199. Rated 4.9/5 stars.",
|
||||
]}
|
||||
"Founded on integrity, ProPlumb serves our community with dedication. We treat every home like it's our own.", "Hours: Mon-Sun 24/7. Phone: 555-0199. Rated 4.9/5 stars."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -183,47 +129,22 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Google Reviews", href: "https://google.com"
|
||||
}
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quick Service!",
|
||||
quote: "ProPlumb arrived within an hour and cleared my drain instantly. Highly recommended.",
|
||||
name: "Alice Johnson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-delivery-woman-blue-uniform-cap-holding-clipboard-with-blank-pages-looking-front-smiling-cheerfully-showing-ok-sign-standing-pink-wall_141793-71863.jpg",
|
||||
},
|
||||
id: "1", title: "Quick Service!", quote: "ProPlumb arrived within an hour and cleared my drain instantly. Highly recommended.", name: "Alice Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-delivery-woman-blue-uniform-cap-holding-clipboard-with-blank-pages-looking-front-smiling-cheerfully-showing-ok-sign-standing-pink-wall_141793-71863.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional.",
|
||||
quote: "Transparent pricing and excellent work quality. Very polite staff.",
|
||||
name: "Bob Smith",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
},
|
||||
id: "2", title: "Professional.", quote: "Transparent pricing and excellent work quality. Very polite staff.", name: "Bob Smith", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sewer saved!",
|
||||
quote: "Saved my basement from a disaster. Thank you for the quick camera inspection.",
|
||||
name: "Charlie D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg",
|
||||
},
|
||||
id: "3", title: "Sewer saved!", quote: "Saved my basement from a disaster. Thank you for the quick camera inspection.", name: "Charlie D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fair Prices.",
|
||||
quote: "Reasonable rates for 24/7 service. Will call again.",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg",
|
||||
},
|
||||
id: "4", title: "Fair Prices.", quote: "Reasonable rates for 24/7 service. Will call again.", name: "David W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best in town.",
|
||||
quote: "Responsive and professional every time.",
|
||||
name: "Eve V.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
|
||||
},
|
||||
id: "5", title: "Best in town.", quote: "Responsive and professional every time.", name: "Eve V.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Join hundreds of happy homeowners who trusted us with their plumbing."
|
||||
@@ -237,25 +158,13 @@ export default function LandingPage() {
|
||||
tag="Advantages"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "2", value: "5k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
id: "3", value: "24/7", description: "Emergency Support"},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "4", value: "100%", description: "Satisfaction Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -265,14 +174,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Call us now at 555-0199 for an immediate response at your location in the metro area."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Emergency Help",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
text: "Get Emergency Help", href: "tel:5550199"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,38 +187,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
label: "555-0199", href: "tel:5550199"},
|
||||
{
|
||||
label: "123 Main St",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Main St", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user