Merge version_1 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -13,222 +13,111 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="PlumbTech"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="PlumbTech"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Fast & Reliable Plumbing"
|
||||
description="24/7 Emergency Plumbing • Licensed & Insured • Same-Day Service. Serving your city and surrounding areas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"
|
||||
imageAlt="Professional plumber working in home"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Fast & Reliable Plumbing"
|
||||
description="24/7 Emergency Plumbing • Licensed & Insured • Same-Day Service. Serving your city and surrounding areas."
|
||||
buttons={[{ text: "Call Now", href: "tel:5550199" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"
|
||||
imageAlt="professional plumber working in home"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Leak Repairs",
|
||||
description: "Fast detection and repair of all leaks",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg",
|
||||
imageAlt: "Plumber repairing water leak pipe",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Drain Cleaning",
|
||||
description: "Blocked drains cleared quickly and efficiently",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-washing-hands_23-2149390075.jpg",
|
||||
imageAlt: "Drain cleaning professional equipment",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Hot Water Systems",
|
||||
description: "Installation and repairs for all systems",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
imageAlt: "Hot water system installation",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Emergency Plumbing",
|
||||
description: "Available 24/7 when you need us most",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990737.jpg",
|
||||
imageAlt: "24/7 emergency plumbing service",
|
||||
},
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Expert solutions for all your residential and commercial plumbing needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
title="Our Plumbing Services"
|
||||
description="Expert solutions for all your residential and commercial plumbing needs."
|
||||
features={[
|
||||
{ id: 1, title: "Leak Repairs", description: "Fast detection and repair of all leaks", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg", imageAlt: "plumber repairing water leak pipe" },
|
||||
{ id: 2, title: "Drain Cleaning", description: "Blocked drains cleared quickly and efficiently", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-washing-hands_23-2149390075.jpg", imageAlt: "drain cleaning professional equipment" },
|
||||
{ id: 3, title: "Hot Water Systems", description: "Installation and repairs for all systems", imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageAlt: "hot water system installation" },
|
||||
{ id: 4, title: "Emergency Plumbing", description: "Available 24/7 when you need us most", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990737.jpg", imageAlt: "24/7 emergency plumbing service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose PlumbTech?"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Same-Day Service",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Full",
|
||||
description: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Zero",
|
||||
description: "Upfront Pricing",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardFourteen
|
||||
title="Why Choose PlumbTech?"
|
||||
tag="Trusted Quality"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Same-Day Service" },
|
||||
{ id: "m2", value: "Full", description: "Licensed & Insured" },
|
||||
{ id: "m3", value: "Zero", description: "Upfront Pricing" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Service",
|
||||
quote: "Came within an hour and fixed everything perfectly. Highly recommend!",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-new-home_329181-19937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Very Professional",
|
||||
quote: "Very professional and affordable. Will definitely use again.",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-daughter-giving-gift-mother-kitchen_23-2147788207.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Reliable",
|
||||
quote: "Best plumber I’ve used in town. Quick and reliable.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Excellent",
|
||||
quote: "Fantastic service and quick turnaround. My go-to plumber.",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds of homeowners in the local area."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds of homeowners in the local area."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Great Service", quote: "Came within an hour and fixed everything perfectly. Highly recommend!", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-new-home_329181-19937.jpg", imageAlt: "happy customer portrait" },
|
||||
{ id: "t2", title: "Very Professional", quote: "Very professional and affordable. Will definitely use again.", name: "Michael Chen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-daughter-giving-gift-mother-kitchen_23-2147788207.jpg", imageAlt: "portrait of homeowner smiling" },
|
||||
{ id: "t3", title: "Reliable", quote: "Best plumber I’ve used in town. Quick and reliable.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg", imageAlt: "smiling customer home maintenance" },
|
||||
{ id: "t4", title: "Excellent", quote: "Fantastic service and quick turnaround. My go-to plumber.", name: "David Kim", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", imageAlt: "happy middle aged homeowner" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Need a Plumber Fast?"
|
||||
description="Call now for a free quote and same-day service. Or fill out the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "need",
|
||||
placeholder: "What do you need help with?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2148269790.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Need a Plumber Fast?"
|
||||
description="Call now for a free quote and same-day service. Or fill out the form below."
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2148269790.jpg"
|
||||
imageAlt="plumber on phone talking"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone", required: true }
|
||||
]}
|
||||
textarea={{ name: "need", placeholder: "What do you need help with?", rows: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-labor-day-labels-collection_23-2149026723.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Why Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@plumbtech.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 PlumbTech – All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-labor-day-labels-collection_23-2149026723.jpg"
|
||||
imageAlt="modern plumbing logo design"
|
||||
copyrightText="© 2025 PlumbTech – All Rights Reserved"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Why Us", href: "#why-us" }] },
|
||||
{ title: "Contact", items: [{ label: "555-0199", href: "tel:5550199" }, { label: "Email Us", href: "mailto:info@plumbtech.com" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user