Merge version_2 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="J.Sar Plumbing"
|
||||
/>
|
||||
@@ -54,66 +46,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Trusted Local Plumbing & Heating Experts"
|
||||
description="Fast, reliable, and professional plumbing services for homes and businesses. 200+ five-star reviews."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (978) 905-9269",
|
||||
href: "tel:+19789059269",
|
||||
},
|
||||
text: "Call Now (978) 905-9269", href: "tel:+19789059269"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
||||
alt: "Man kneeling down to inspect pipes under sink",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", alt: "Man kneeling down to inspect pipes under sink"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-calling-plumber-solve-kitchen-problems_23-2150990674.jpg",
|
||||
alt: "Woman calling plumber to solve kitchen problems",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-calling-plumber-solve-kitchen-problems_23-2150990674.jpg", alt: "Woman calling plumber to solve kitchen problems"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg", alt: "Male plumber working to fix problems at client's house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg",
|
||||
alt: "Young builder man in construction uniform",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg", alt: "Young builder man in construction uniform"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
type: "text", text: "24/7 Availability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
type: "text", text: "Transparent Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
type: "text", text: "Family Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
type: "text", text: "Local Experts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,29 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Leak Detection",
|
||||
descriptions: [
|
||||
"State-of-the-art leak detection to save your property.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg",
|
||||
},
|
||||
id: "f1", title: "Leak Detection", descriptions: [
|
||||
"State-of-the-art leak detection to save your property."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Water Heater Services",
|
||||
descriptions: [
|
||||
"Professional installation and reliable repair.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg",
|
||||
},
|
||||
id: "f2", title: "Water Heater Services", descriptions: [
|
||||
"Professional installation and reliable repair."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Shower Installation",
|
||||
descriptions: [
|
||||
"Expert installation for all types of shower fixtures.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-bathrobe_23-2150323095.jpg",
|
||||
},
|
||||
id: "f3", title: "Shower Installation", descriptions: [
|
||||
"Expert installation for all types of shower fixtures."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-bathrobe_23-2150323095.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of plumbing and heating solutions for your home."
|
||||
@@ -161,17 +116,11 @@ export default function LandingPage() {
|
||||
description="With years of experience, we provide trusted local service to homeowners and businesses throughout the region. We are fully licensed, insured, and dedicated to 100% satisfaction."
|
||||
metrics={[
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Google Rating",
|
||||
},
|
||||
value: "5.0", title: "Google Rating"},
|
||||
{
|
||||
value: "215+",
|
||||
title: "Verified Reviews",
|
||||
},
|
||||
value: "215+", title: "Verified Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -187,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Emergency response ready for your peace of mind.",
|
||||
},
|
||||
id: "m1", value: "24/7", description: "Emergency response ready for your peace of mind."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Honest",
|
||||
description: "Transparent pricing with no hidden fees, ever.",
|
||||
},
|
||||
id: "m2", value: "Honest", description: "Transparent pricing with no hidden fees, ever."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
description: "Serving our neighbors with the highest standard of care.",
|
||||
},
|
||||
id: "m3", value: "Local", description: "Serving our neighbors with the highest standard of care."},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="The plumbing experts you can count on."
|
||||
@@ -214,40 +154,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@localcustomer",
|
||||
testimonial: "Excellent service. Fast, professional, and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",
|
||||
},
|
||||
id: "1", name: "Lilly Chantha", handle: "@localcustomer", testimonial: "Excellent service. Fast, professional, and reliable."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Very honest pricing and fixed my water heater.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg",
|
||||
},
|
||||
id: "2", name: "janisha delude", handle: "@homeowner", testimonial: "Very honest pricing and fixed my water heater."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "@localclient",
|
||||
testimonial: "Super responsive and thorough. Great team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-couple-lying-down-floor-their-new-home_637285-12448.jpg",
|
||||
},
|
||||
id: "3", name: "Timmy Thok", handle: "@localclient", testimonial: "Super responsive and thorough. Great team."},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@businessowner",
|
||||
testimonial: "The best plumbing service in the area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-handsome-satisfied-client-showing-thumbs-up-plastic-credit-card-smiling-pleased-white-b_1258-158800.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica R.",
|
||||
handle: "@happyclient",
|
||||
testimonial: "Professional, clean, and knowledgeable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-happy-enthusiastic-creative-redhead-female-redhead-with-cute-freckles-glasses-yellow-striped-blouse-raising-thumbs-up-approval-agree-gesture-smiling-delighted_176420-23801.jpg",
|
||||
},
|
||||
id: "4", name: "Chris Pendleton", handle: "@businessowner", testimonial: "The best plumbing service in the area."},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="See why we have a 5.0-star rating across 200+ Google reviews."
|
||||
@@ -260,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency plumbing?",
|
||||
content: "Yes, we are available 24/7 for emergency plumbing needs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency plumbing?", content: "Yes, we are available 24/7 for emergency plumbing needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I request a service?",
|
||||
content: "You can call us directly or fill out our online request form.",
|
||||
},
|
||||
id: "q3", title: "How do I request a service?", content: "You can call us directly or fill out our online request form."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-construction-worker-wearing-helmet-job_23-2149366633.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -287,18 +191,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to get started? Our team is standing by to help. Call us at (978) 905-9269 or send us a request."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+19789059269",
|
||||
},
|
||||
text: "Call Now", href: "tel:+19789059269"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -308,37 +207,23 @@ export default function LandingPage() {
|
||||
logoText="J.Sar Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leak Detection", href: "#services"},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Water Heaters", href: "#services"},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Installations", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -348,4 +233,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user