bender/0cf1ee6e-55c4-4c0a-97f0-5c3f9a41d29e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-09 03:13:35 +00:00
parent 5f5d708a1c
commit aedd576883
1 changed files with 36 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
src/app/page.tsx
View File

@@ -17,27 +17,22 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
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">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Barnes Plumbing"
/>
@@ -45,53 +40,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Reliable Plumbing You Can Trust"
description="Barnes Plumbing Co, Inc. has been providing quality plumbing services to local homeowners for years, known for fast, friendly, and professional service."
tag="Schedule Your Service Today!"
buttons={[
{
text: "Call Now",
href: "tel:555-555-5555",
},
{
text: "Schedule Service",
href: "/contact",
},
{ text: "Call Now", href: "tel:555-555-5555" },
{ text: "Schedule Service", href: "/contact" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
imageAlt: "Professional plumber working on a sink",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg?_wi=1",
imageAlt: "Technicians inspecting residential pipes",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-working-with-hinge-drill-working-with-wood_169016-12945.jpg",
imageAlt: "Plumbing pipe installation work",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746373.jpg?_wi=1",
imageAlt: "Friendly professional plumber",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/bathtub-with-antique-chrome-faucet_1203-2052.jpg",
imageAlt: "Modern bathroom faucet installation",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg?_wi=1",
imageAlt: "Professional plumbing service van",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "Professional plumber working on a sink" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg", imageAlt: "Technicians inspecting residential pipes" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-working-with-hinge-drill-working-with-wood_169016-12945.jpg", imageAlt: "Plumbing pipe installation work" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746373.jpg", imageAlt: "Friendly professional plumber" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/bathtub-with-antique-chrome-faucet_1203-2052.jpg", imageAlt: "Modern bathroom faucet installation" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg", imageAlt: "Professional plumbing service van" },
]}
/>
</div>
@@ -103,41 +66,11 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Satisfaction Guaranteed",
description: "We don't leave until you're happy.",
icon: CheckCircle,
},
{
id: "m2",
value: "Fast",
title: "Quick Turnaround",
description: "Most jobs completed within hours.",
icon: Zap,
},
{
id: "m3",
value: "Licensed",
title: "Fully Insured",
description: "Your safety is our priority.",
icon: Shield,
},
{
id: "m4",
value: "24/7",
title: "Emergency Ready",
description: "We are available when you need us.",
icon: Clock,
},
{
id: "m5",
value: "Expert",
title: "Certified Technicians",
description: "Highly trained and professional staff.",
icon: Award,
},
{ id: "m1", value: "100%", title: "Satisfaction Guaranteed", description: "We don't leave until you're happy.", icon: CheckCircle },
{ id: "m2", value: "Fast", title: "Quick Turnaround", description: "Most jobs completed within hours.", icon: Zap },
{ id: "m3", value: "Licensed", title: "Fully Insured", description: "Your safety is our priority.", icon: Shield },
{ id: "m4", value: "24/7", title: "Emergency Ready", description: "We are available when you need us.", icon: Clock },
{ id: "m5", value: "Expert", title: "Certified Technicians", description: "Highly trained and professional staff.", icon: Award },
]}
title="Why Choose Barnes?"
description="We stand for quality and efficiency in every job we perform."
@@ -146,50 +79,16 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Kristen Schaefer",
role: "Homeowner",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg?_wi=1",
},
{
id: "2",
name: "David Greco",
role: "Homeowner",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-kitchen_23-2148414934.jpg?_wi=1",
},
{
id: "3",
name: "Paul",
role: "Homeowner",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg?_wi=1",
},
{
id: "4",
name: "Sheldon Anderson",
role: "Homeowner",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=1",
},
{
id: "5",
name: "Alex B.",
role: "Homeowner",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=1",
},
{ id: "1", name: "Kristen Schaefer", role: "Homeowner", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" },
{ id: "2", name: "David Greco", role: "Homeowner", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-kitchen_23-2148414934.jpg" },
{ id: "3", name: "Paul", role: "Homeowner", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
{ id: "4", name: "Sheldon Anderson", role: "Homeowner", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
{ id: "5", name: "Alex B.", role: "Homeowner", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg" },
]}
title="Customer Stories"
description="See why our neighbors trust us with their plumbing needs."
@@ -204,28 +103,8 @@ export default function LandingPage() {
title="Transparent Pricing"
description="We believe in honest, upfront pricing with no hidden fees."
plans={[
{
id: "p1",
badge: "Essential",
price: "$99",
subtitle: "Basic repair and inspection",
features: [
"Leak detection",
"Fixture check",
"1-year warranty",
],
},
{
id: "p2",
badge: "Premium",
price: "$199",
subtitle: "Comprehensive service plan",
features: [
"Full pipe assessment",
"Faucet installation",
"Priority 24/7 support",
],
},
{ id: "p1", badge: "Essential", price: "$99", subtitle: "Basic repair and inspection", features: ["Leak detection", "Fixture check", "1-year warranty"] },
{ id: "p2", badge: "Premium", price: "$199", subtitle: "Comprehensive service plan", features: ["Full pipe assessment", "Faucet installation", "Priority 24/7 support"] },
]}
/>
</div>
@@ -236,27 +115,15 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Trusted by Local Communities"
description="We are proud to be the preferred choice for homes across the region."
names={[
"Springfield Homeowners Association",
"Local Builders Guild",
"City Maintenance Partners",
"Residential Property Alliance",
"Plumbing Excellence Network",
]}
names={["Springfield Homeowners Association", "Local Builders Guild", "City Maintenance Partners", "Residential Property Alliance", "Plumbing Excellence Network"]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Barnes Plumbing Co, Inc."
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Us",
href: "/contact",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "/contact" }}
/>
</div>
</ReactLenis>