Merge version_1 into main #2
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
205
src/app/page.tsx
205
src/app/page.tsx
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user