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