Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -7,7 +7,6 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Facebook, Instagram, Wrench, Flame, Snowflake } from "lucide-react";
|
||||
|
||||
@@ -26,104 +25,92 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="South O.C. Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="South O.C. Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="24/7 Plumbing, Heating & AC Repair in Costa Mesa"
|
||||
description="Fast response. Certified technicians. We fix it right the first time."
|
||||
kpis={[
|
||||
{ value: "5.0", label: "Customer Rating" },
|
||||
{ value: "24/7", label: "Always Available" },
|
||||
{ value: "Local", label: "South OC Experts" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Call Now: (949) 579-2534", href: "tel:9495792534" },
|
||||
{ text: "Request Service", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="24/7 Plumbing, Heating & AC Repair in Costa Mesa"
|
||||
description="Fast response. Certified technicians. We fix it right the first time."
|
||||
kpis={[
|
||||
{ value: "5.0", label: "Customer Rating" },
|
||||
{ value: "24/7", label: "Always Available" },
|
||||
{ value: "Local", label: "South OC Experts" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Call Now: (949) 579-2534", href: "tel:9495792534" },
|
||||
{ text: "Request Service", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Plumbing", description: "Leak detection, pipe repairs, and fixture installations to keep your home running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-man_1368-949.jpg", buttonIcon: Wrench },
|
||||
{ title: "Heating", description: "Reliable furnace repairs and routine maintenance to stay warm during the cold season.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", buttonIcon: Flame },
|
||||
{ title: "Air Conditioning", description: "Fast AC repair, system diagnostics, and professional installation to keep your cool.", imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg", buttonIcon: Snowflake }
|
||||
]}
|
||||
title="Expert Residential Services"
|
||||
description="Comprehensive solutions to keep your home comfortable year-round."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Plumbing", description: "Leak detection, pipe repairs, and fixture installations to keep your home running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-man_1368-949.jpg", buttonIcon: Wrench },
|
||||
{ title: "Heating", description: "Reliable furnace repairs and routine maintenance to stay warm during the cold season.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", buttonIcon: Flame },
|
||||
{ title: "Air Conditioning", description: "Fast AC repair, system diagnostics, and professional installation to keep your cool.", imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg", buttonIcon: Snowflake }
|
||||
]}
|
||||
title="Expert Residential Services"
|
||||
description="Comprehensive solutions to keep your home comfortable year-round."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Fast & Professional", quote: "The team was on time and fixed my leak in record time. Highly recommend!", name: "Sarah J.", role: "Homeowner" },
|
||||
{ id: "2", title: "Life Saver", quote: "AC went out on a hot Saturday. They were here within an hour. Excellent.", name: "Mike D.", role: "Homeowner" },
|
||||
{ id: "3", title: "Professionalism", quote: "Certified, clean, and knowledgeable. You can't ask for more in a repair team.", name: "Emily R.", role: "Homeowner" },
|
||||
{ id: "4", title: "Transparent", quote: "Honest pricing and quality work. Will definitely use them again for HVAC needs.", name: "David K.", role: "Homeowner" },
|
||||
{ id: "5", title: "Top Notch", quote: "Fast response and great customer service. Definitely the best in South OC.", name: "Jessica L.", role: "Homeowner" }
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="Real feedback from residents in Costa Mesa and South OC."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Fast & Professional", quote: "The team was on time and fixed my leak in record time. Highly recommend!", name: "Sarah J.", role: "Homeowner" },
|
||||
{ id: "2", title: "Life Saver", quote: "AC went out on a hot Saturday. They were here within an hour. Excellent.", name: "Mike D.", role: "Homeowner" },
|
||||
{ id: "3", title: "Professionalism", quote: "Certified, clean, and knowledgeable. You can't ask for more in a repair team.", name: "Emily R.", role: "Homeowner" },
|
||||
{ id: "4", title: "Transparent", quote: "Honest pricing and quality work. Will definitely use them again for HVAC needs.", name: "David K.", role: "Homeowner" },
|
||||
{ id: "5", title: "Top Notch", quote: "Fast response and great customer service. Definitely the best in South OC.", name: "Jessica L.", role: "Homeowner" }
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="Real feedback from residents in Costa Mesa and South OC."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Customers Say"
|
||||
description="Read more about our commitment to quality service in South OC."
|
||||
testimonials={[]}
|
||||
kpiItems={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Immediate Help?"
|
||||
description="We are available 24/7. Call us or send a message for a fast response."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-cap-going-punch-his-mobile-angry-frustrated_141793-28502.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
buttonText="Request Fast Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Immediate Help?"
|
||||
description="We are available 24/7. Call us or send a message for a fast response."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-cap-going-punch-his-mobile-angry-frustrated_141793-28502.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
buttonText="Request Fast Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="South O.C. Plumbing Heating & Air"
|
||||
copyrightText="© 2025 South O.C. Plumbing. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="South O.C. Plumbing Heating & Air"
|
||||
copyrightText="© 2025 South O.C. Plumbing. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user