Merge version_1 into main #1
392
src/app/page.tsx
392
src/app/page.tsx
@@ -13,290 +13,130 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Blue Mountain Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Mountain Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fast, Honest Plumbing You Can Count On"
|
||||
description="Blue Mountain Plumbing LLC provides professional, friendly, and reliable plumbing solutions for residential and commercial customers throughout the Maryland and DMV region."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515884.jpg",
|
||||
imageAlt: "Professional plumbing service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881158.jpg",
|
||||
imageAlt: "Plumbing expert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg",
|
||||
imageAlt: "Pipe repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721519.jpg",
|
||||
imageAlt: "Faucet installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-wearing-helmet-job_23-2149366633.jpg",
|
||||
imageAlt: "Residential plumbing",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-his-thumb-up-pink_141793-74561.jpg",
|
||||
imageAlt: "Professional plumbing service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg",
|
||||
imageAlt: "Plumbing expert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg",
|
||||
imageAlt: "Pipe repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
imageAlt: "Faucet installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-builder-wearing-construction-uniform-cap-standing-with-disapproving-expression-face-negative-person-isolated-orange-wall_141793-15717.jpg",
|
||||
imageAlt: "Residential plumbing",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg",
|
||||
alt: "Plumbing professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg",
|
||||
alt: "Plumbing specialist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-kitchen-enjoying-coffee_23-2148322068.jpg",
|
||||
alt: "Expert technician",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-electrician-workplace_23-2148087655.jpg",
|
||||
alt: "Customer support",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Households"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Upfront Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Solutions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Certification",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fast, Honest Plumbing You Can Count On"
|
||||
description="Blue Mountain Plumbing LLC provides professional, friendly, and reliable plumbing solutions for residential and commercial customers throughout the Maryland and DMV region."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515884.jpg", imageAlt: "Professional plumbing service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881158.jpg", imageAlt: "Plumbing expert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg", imageAlt: "Pipe repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721519.jpg", imageAlt: "Faucet installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-wearing-helmet-job_23-2149366633.jpg", imageAlt: "Residential plumbing" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-his-thumb-up-pink_141793-74561.jpg", imageAlt: "Professional plumbing service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", imageAlt: "Plumbing expert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg", imageAlt: "Pipe repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageAlt: "Faucet installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-builder-wearing-construction-uniform-cap-standing-with-disapproving-expression-face-negative-person-isolated-orange-wall_141793-15717.jpg", imageAlt: "Residential plumbing" },
|
||||
]}
|
||||
buttons={[{ text: "Call for a Free Quote", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg", alt: "Plumbing professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg", alt: "Team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg", alt: "Plumbing specialist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-kitchen-enjoying-coffee_23-2148322068.jpg", alt: "Expert technician" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-electrician-workplace_23-2148087655.jpg", alt: "Customer support" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Households"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "Upfront Pricing" },
|
||||
{ type: "text", text: "Eco-Friendly Solutions" },
|
||||
{ type: "text", text: "Professional Certification" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Drain & Clog Clearing",
|
||||
descriptions: [
|
||||
"Quick and effective clearing for stubborn clogs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-pointing-clock-looking-pleased-front-view_176474-34419.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Faucet Repair & Replacement",
|
||||
descriptions: [
|
||||
"Refresh your home with new faucet installations.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-holding-pointing-clock-isolated-white_141793-77689.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Water Heater Installation",
|
||||
descriptions: [
|
||||
"Professional installation to keep your water warm.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-wall-clock-lookingat-front-amazed-surprised-covering-mouth-with-hand-standing-green-wall_141793-64653.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Shut-off Valve Repair",
|
||||
descriptions: [
|
||||
"Reliable repairs for home safety.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-surprised-blonde-male-barber-uniform-holds-points-clock-isolated-violet-space-with-copy-space_141793-60247.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Pipe Repair",
|
||||
descriptions: [
|
||||
"Fixing leaks before they cause damage.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-crossing-arms-making-defense-gesture-with-serious-face_141793-28664.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Inspection Report Fixes",
|
||||
descriptions: [
|
||||
"Passing home inspections with ease.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-taking-money-out-his-pocket-looking-careful-front-view_176474-21410.jpg",
|
||||
},
|
||||
]}
|
||||
title="Reliable Plumbing Services"
|
||||
description="From minor leaks to major installations, our expert team is here to help with your plumbing needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Reliable Plumbing Services"
|
||||
description="From minor leaks to major installations, our expert team is here to help with your plumbing needs."
|
||||
features={[
|
||||
{ id: "s1", title: "Drain & Clog Clearing", descriptions: ["Quick and effective clearing for stubborn clogs."], imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-pointing-clock-looking-pleased-front-view_176474-34419.jpg" },
|
||||
{ id: "s2", title: "Faucet Repair & Replacement", descriptions: ["Refresh your home with new faucet installations."], imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-holding-pointing-clock-isolated-white_141793-77689.jpg" },
|
||||
{ id: "s3", title: "Water Heater Installation", descriptions: ["Professional installation to keep your water warm."], imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-wall-clock-lookingat-front-amazed-surprised-covering-mouth-with-hand-standing-green-wall_141793-64653.jpg" },
|
||||
{ id: "s4", title: "Shut-off Valve Repair", descriptions: ["Reliable repairs for home safety."], imageSrc: "http://img.b2bpic.net/free-photo/young-surprised-blonde-male-barber-uniform-holds-points-clock-isolated-violet-space-with-copy-space_141793-60247.jpg" },
|
||||
{ id: "s5", title: "Pipe Repair", descriptions: ["Fixing leaks before they cause damage."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-crossing-arms-making-defense-gesture-with-serious-face_141793-28664.jpg" },
|
||||
{ id: "s6", title: "Inspection Report Fixes", descriptions: ["Passing home inspections with ease."], imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-taking-money-out-his-pocket-looking-careful-front-view_176474-21410.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Us?"
|
||||
description={[
|
||||
"On-Time Service: We value your time and stick to our schedule.",
|
||||
"Upfront Pricing: No hidden costs, just fair and transparent pricing.",
|
||||
"Experienced & Licensed: Highly trained experts you can trust in your home.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="highlights" data-section="highlights">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Us?"
|
||||
description={[
|
||||
"On-Time Service: We value your time and stick to our schedule.", "Upfront Pricing: No hidden costs, just fair and transparent pricing.", "Experienced & Licensed: Highly trained experts you can trust in your home."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fast & Efficient",
|
||||
quote: "Blue Mountain fixed our leak in under an hour. Super friendly!",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Pricing",
|
||||
quote: "Transparent about the costs and got it done right the first time.",
|
||||
name: "Mike D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Expert",
|
||||
quote: "Knowledgeable and reliable. Will definitely call them again.",
|
||||
name: "Emily R.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommended",
|
||||
quote: "Fast service and left the site perfectly clean.",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Reliable & Honest",
|
||||
quote: "Exactly the kind of local business you want to support.",
|
||||
name: "Jane M.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg",
|
||||
},
|
||||
]}
|
||||
title="Real Customer Reviews"
|
||||
description="See why our neighbors trust us with their homes."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Real Customer Reviews"
|
||||
description="See why our neighbors trust us with their homes."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Fast & Efficient", quote: "Blue Mountain fixed our leak in under an hour. Super friendly!", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
|
||||
{ id: "2", title: "Great Pricing", quote: "Transparent about the costs and got it done right the first time.", name: "Mike D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg" },
|
||||
{ id: "3", title: "Professional Expert", quote: "Knowledgeable and reliable. Will definitely call them again.", name: "Emily R.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
|
||||
{ id: "4", title: "Highly Recommended", quote: "Fast service and left the site perfectly clean.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg" },
|
||||
{ id: "5", title: "Reliable & Honest", quote: "Exactly the kind of local business you want to support.", name: "Jane M.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Quote?"
|
||||
description="Call us at (555) 123-4567 or send us a message below. We proudly serve the Maryland/DMV area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-discussing-digital-tablet-kitchen_107420-84887.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Quote?"
|
||||
description="Call us at (555) 123-4567 or send us a message below. We proudly serve the Maryland/DMV area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-discussing-digital-tablet-kitchen_107420-84887.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Blue Mountain Plumbing LLC"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Blue Mountain Plumbing LLC"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user