Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-01 03:50:17 +00:00

View File

@@ -26,247 +26,112 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="G Keystone Plumbing"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="G Keystone Plumbing"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
title="Plumbing Done Right the First Time"
description="Professional, on-time service with honest pricing—trusted by homeowners and businesses across Los Angeles. No surprises. No shortcuts. Just expert work that lasts."
tag="Expert Plumbing Services"
buttons={[
{
text: "Get Your Free Estimate",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg?_wi=1",
imageAlt: "Professional plumbing services",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg?_wi=2",
imageAlt: "Expert diagnostic work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg?_wi=3",
imageAlt: "Quality plumbing installation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg?_wi=4",
imageAlt: "On-site plumbing repair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg?_wi=5",
imageAlt: "Professional plumbing technician",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Highly rated by 500+ satisfied Los Angeles clients"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
title="Plumbing Done Right the First Time"
description="Professional, on-time service with honest pricing—trusted by homeowners and businesses across Los Angeles. No surprises. No shortcuts. Just expert work that lasts."
tag="Expert Plumbing Services"
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg", imageAlt: "Professional plumbing services" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg", imageAlt: "Expert diagnostic work" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Highly rated by 500+ satisfied Los Angeles clients"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Why Los Angeles Trusts G Keystone Plumbing"
description={[
"With decades of combined experience, we believe in radical transparency. We diagnose the root cause, provide honest pricing upfront, and ensure the job is finished correctly on the first visit.",
"We respect your property, your time, and your budget—delivering high-end results without the hidden fees common in the industry.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Why Los Angeles Trusts G Keystone Plumbing"
description={[
"With decades of combined experience, we believe in radical transparency. We diagnose the root cause, provide honest pricing upfront, and ensure the job is finished correctly on the first visit.", "We respect your property, your time, and your budget—delivering high-end results without the hidden fees common in the industry."]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Expert Diagnostics",
description: "Cutting-edge tools to pinpoint issues without guessing.",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg?_wi=1",
imageAlt: "Diagnostic work",
},
{
id: 2,
title: "Transparent Pricing",
description: "Flat-rate quotes with no hidden costs or surprise surcharges.",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg?_wi=2",
imageAlt: "Transparent pricing",
},
{
id: 3,
title: "Multi-Unit Specialists",
description: "Reliable plumbing solutions for commercial properties and retail.",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg?_wi=3",
imageAlt: "Commercial plumbing",
},
]}
title="Comprehensive Plumbing Solutions"
description="From emergency repairs to complex system installations, our expert diagnostics save you time and money."
/>
</div>
<div id="services" data-section="services">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 1, title: "Expert Diagnostics", description: "Cutting-edge tools to pinpoint issues without guessing.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg", imageAlt: "Diagnostic work" },
{ id: 2, title: "Transparent Pricing", description: "Flat-rate quotes with no hidden costs or surprise surcharges.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg", imageAlt: "Transparent pricing" },
{ id: 3, title: "Multi-Unit Specialists", description: "Reliable plumbing solutions for commercial properties and retail.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg", imageAlt: "Commercial plumbing" },
]}
title="Comprehensive Plumbing Solutions"
description="From emergency repairs to complex system installations, our expert diagnostics save you time and money."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/people-bringing-supplies-neighbors_23-2149139759.jpg?_wi=1",
},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-chair-working-office_23-2148187179.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businesswoman-sitting-floor_1262-1992.jpg",
},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/agree-hand-shake-business-concept_1194-617117.jpg",
},
{
id: "5",
name: "Robert Smith",
imageSrc: "http://img.b2bpic.net/free-photo/people-bringing-supplies-neighbors_23-2149139759.jpg?_wi=2",
},
]}
cardTitle="Client Experiences"
cardTag="Verified Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/people-bringing-supplies-neighbors_23-2149139759.jpg" },
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-chair-working-office_23-2148187179.jpg" },
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-businesswoman-sitting-floor_1262-1992.jpg" },
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/agree-hand-shake-business-concept_1194-617117.jpg" },
{ id: "5", name: "Robert Smith", imageSrc: "http://img.b2bpic.net/free-photo/people-bringing-supplies-neighbors_23-2149139759.jpg" },
]}
cardTitle="Client Experiences"
cardTag="Verified Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What areas do you serve?",
content: "We proudly serve the greater Los Angeles area, including the San Fernando Valley.",
},
{
id: "q2",
title: "Are your prices transparent?",
content: "Absolutely. We provide a detailed estimate before beginning any work.",
},
{
id: "q3",
title: "Do you handle commercial properties?",
content: "Yes, we specialize in multi-unit, retail, and commercial plumbing systems.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Common answers about our service area, pricing models, and warranty policies."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "What areas do you serve?", content: "We proudly serve the greater Los Angeles area, including the San Fernando Valley." },
{ id: "q2", title: "Are your prices transparent?", content: "Absolutely. We provide a detailed estimate before beginning any work." },
{ id: "q3", title: "Do you handle commercial properties?", content: "Yes, we specialize in multi-unit, retail, and commercial plumbing systems." },
]}
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Common answers about our service area, pricing models, and warranty policies."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to get plumbing done right? Contact our team today for a free estimate or to schedule your professional diagnostic."
buttons={[
{
text: "Call Now",
href: "tel:+18005550199",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Ready to get plumbing done right? Contact our team today for a free estimate or to schedule your professional diagnostic."
buttons={[{ text: "Call Now", href: "tel:+18005550199" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="G Keystone Plumbing"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Schedule Service",
href: "#contact",
},
{
label: "Los Angeles Office",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="G Keystone Plumbing"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Contact", items: [{ label: "Schedule Service", href: "#contact" }, { label: "Los Angeles Office", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}