Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-09 03:13:39 +00:00
4 changed files with 94 additions and 344 deletions

View File

@@ -8,33 +8,28 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Clock, Users } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
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,21 +40,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our History & Philosophy"
metrics={[
{
icon: Award,
label: "Years in Business",
value: "15+",
},
{
icon: Users,
label: "Happy Customers",
value: "1000+",
},
{
icon: Clock,
label: "Average Response",
value: "< 4 Hours",
},
{ icon: Award, label: "Years in Business", value: "15+" },
{ icon: Users, label: "Happy Customers", value: "1000+" },
{ icon: Clock, label: "Average Response", value: "< 4 Hours" },
]}
metricsAnimation="slide-up"
/>
@@ -72,31 +55,11 @@ export default function LandingPage() {
cardTag="Professional Staff"
cardAnimation="slide-up"
testimonials={[
{
id: "t1",
name: "John B.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg?_wi=2",
},
{
id: "t2",
name: "Sarah W.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-kitchen_23-2148414934.jpg?_wi=2",
},
{
id: "t3",
name: "Mike D.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg?_wi=2",
},
{
id: "t4",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=2",
},
{
id: "t5",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=2",
},
{ id: "t1", name: "John B.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" },
{ id: "t2", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-kitchen_23-2148414934.jpg" },
{ id: "t3", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
{ id: "t4", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
{ id: "t5", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg" },
]}
/>
</div>
@@ -104,14 +67,8 @@ export default function LandingPage() {
<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>

View File

@@ -7,33 +7,28 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
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"
/>
@@ -42,9 +37,7 @@ export default function LandingPage() {
<div id="contact-content" data-section="contact-content">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Call us today at 555-555-5555 or fill out the form to schedule your service! We are ready to assist with any plumbing issues you have."
/>
</div>
@@ -57,20 +50,8 @@ export default function LandingPage() {
title="Get in Touch"
description="We respond to all inquiries within 24 hours."
metrics={[
{
id: "c1",
value: "555-555-5555",
title: "Phone Number",
description: "Call for emergency service",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746373.jpg?_wi=2",
},
{
id: "c2",
value: "123 Main St",
title: "Office Address",
description: "Stop by for a consult",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg?_wi=2",
},
{ id: "c1", value: "555-555-5555", title: "Phone Number", description: "Call for emergency service", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746373.jpg" },
{ id: "c2", value: "123 Main St", title: "Office Address", description: "Stop by for a consult", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg" },
]}
/>
</div>
@@ -78,14 +59,8 @@ export default function LandingPage() {
<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>

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>

View File

@@ -7,33 +7,28 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
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"
/>
@@ -46,27 +41,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Pipe Repair",
description: "Expert repair for leaks and damaged lines.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg?_wi=2",
titleIconSrc: "Wrench",
buttonText: "Schedule Repair",
},
{
title: "Faucet Installation",
description: "Modern upgrades and expert installation.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-boy-washing_23-2148518619.jpg",
titleIconSrc: "Droplets",
buttonText: "Get a Quote",
},
{
title: "Boiler Installation",
description: "Efficient heating solutions for your home.",
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866635.jpg",
titleIconSrc: "Flame",
buttonText: "View Details",
},
{ title: "Pipe Repair", description: "Expert repair for leaks and damaged lines.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg", titleIconSrc: "Wrench", buttonText: "Schedule Repair" },
{ title: "Faucet Installation", description: "Modern upgrades and expert installation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-boy-washing_23-2148518619.jpg", titleIconSrc: "Droplets", buttonText: "Get a Quote" },
{ title: "Boiler Installation", description: "Efficient heating solutions for your home.", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866635.jpg", titleIconSrc: "Flame", buttonText: "View Details" },
]}
title="Our Plumbing Services"
description="High-quality, fast, and professional services tailored to your needs."
@@ -81,28 +58,8 @@ export default function LandingPage() {
title="Service Packages"
description="Choose the right service level for your home improvement project."
plans={[
{
id: "svc-1",
badge: "Standard",
price: "$150",
subtitle: "Regular maintenance",
features: [
"Drain cleaning",
"Inspection",
"Basic repair",
],
},
{
id: "svc-2",
badge: "Comprehensive",
price: "$350",
subtitle: "Full home upgrade",
features: [
"Pipe replacement",
"New faucet setup",
"System audit",
],
},
{ id: "svc-1", badge: "Standard", price: "$150", subtitle: "Regular maintenance", features: ["Drain cleaning", "Inspection", "Basic repair"] },
{ id: "svc-2", badge: "Comprehensive", price: "$350", subtitle: "Full home upgrade", features: ["Pipe replacement", "New faucet setup", "System audit"] },
]}
/>
</div>
@@ -110,14 +67,8 @@ export default function LandingPage() {
<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>