Update src/app/page.tsx
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -3,7 +3,6 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
@@ -31,21 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="C&N Plumbing"
|
||||
/>
|
||||
@@ -54,35 +43,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Master Plumbing, Refined for the Luxury Home."
|
||||
description="Excellence in service, precision in craftsmanship. We bring high-end plumbing solutions to elite residences in your area."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg",
|
||||
imageAlt: "Luxury Bathroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg", imageAlt: "Luxury Bathroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg",
|
||||
imageAlt: "Hardware Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg", imageAlt: "Hardware Detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-filter-glass-water_23-2148728704.jpg",
|
||||
imageAlt: "Water System",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-filter-glass-water_23-2148728704.jpg", imageAlt: "Water System"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-kitchen-faucet-vintage-style-closeup_169016-20013.jpg",
|
||||
imageAlt: "Refined Plumbing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-kitchen-faucet-vintage-style-closeup_169016-20013.jpg", imageAlt: "Refined Plumbing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg",
|
||||
imageAlt: "Precision Craft",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg", imageAlt: "Precision Craft"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-shoe-master-glasses-is-working-his-new-shoes-collection-his-workshop_613910-17383.jpg",
|
||||
imageAlt: "Elite Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-shoe-master-glasses-is-working-his-new-shoes-collection-his-workshop_613910-17383.jpg", imageAlt: "Elite Service"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,26 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Luxury Installations",
|
||||
description: "High-end faucet and shower fixtures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/bearded-shoemaster-glasses-is-looking-boot-while-holding-it-hand_613910-12948.jpg",
|
||||
buttonText: "View More",
|
||||
},
|
||||
title: "Luxury Installations", description: "High-end faucet and shower fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/bearded-shoemaster-glasses-is-looking-boot-while-holding-it-hand_613910-12948.jpg", buttonText: "View More"},
|
||||
{
|
||||
title: "Emergency Repair",
|
||||
description: "Rapid, clean, and professional fixes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",
|
||||
buttonText: "View More",
|
||||
},
|
||||
title: "Emergency Repair", description: "Rapid, clean, and professional fixes.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg", buttonText: "View More"},
|
||||
{
|
||||
title: "Precision Maintenance",
|
||||
description: "Ensuring longevity and efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-10239.jpg",
|
||||
buttonText: "View More",
|
||||
},
|
||||
title: "Precision Maintenance", description: "Ensuring longevity and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-10239.jpg", buttonText: "View More"},
|
||||
]}
|
||||
title="Unmatched Plumbing Solutions"
|
||||
description="We specialize in high-end residential plumbing, ensuring every installation and repair meets the highest standards."
|
||||
@@ -130,25 +91,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Plumbing excellence since 2009",
|
||||
icon: Award,
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Plumbing excellence since 2009", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Always ready to serve you",
|
||||
icon: Clock,
|
||||
id: "m2", value: "24/7", title: "Availability", description: "Always ready to serve you", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfied Clients",
|
||||
description: "Our commitment to quality",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "100%", title: "Satisfied Clients", description: "Our commitment to quality", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Excellence by the Numbers"
|
||||
@@ -163,45 +112,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "Truly professional service. They handled our bathroom renovation with incredible precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", handle: "@alicem", testimonial: "Truly professional service. They handled our bathroom renovation with incredible precision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James P.",
|
||||
handle: "@jamesp",
|
||||
testimonial: "Fast, clean, and reliable. These guys are the gold standard for luxury homes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-women-with-documents-near-window-office_23-2148042586.jpg",
|
||||
},
|
||||
id: "t2", name: "James P.", handle: "@jamesp", testimonial: "Fast, clean, and reliable. These guys are the gold standard for luxury homes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-women-with-documents-near-window-office_23-2148042586.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Extremely thorough. The attention to detail is just unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-receiving-great-news-phone-call-celebrates-jumps-chair-from_1258-202453.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "Extremely thorough. The attention to detail is just unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-receiving-great-news-phone-call-celebrates-jumps-chair-from_1258-202453.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus W.",
|
||||
handle: "@marcusw",
|
||||
testimonial: "Responsive and helpful. They solved our emergency leak in minutes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus W.", handle: "@marcusw", testimonial: "Responsive and helpful. They solved our emergency leak in minutes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia L.",
|
||||
handle: "@sophial",
|
||||
testimonial: "Fantastic experience. Our fixtures look perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg",
|
||||
},
|
||||
id: "t5", name: "Sophia L.", handle: "@sophial", testimonial: "Fantastic experience. Our fixtures look perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Homeowners"
|
||||
@@ -209,47 +133,17 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you handle emergency calls?",
|
||||
content: "Yes, we are available 24/7 for urgent plumbing issues.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your staff background checked?",
|
||||
content: "Every member of our team is fully vetted and highly trained.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer quotes?",
|
||||
content: "We provide transparent, detailed quotes for every project.",
|
||||
},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to frequently asked questions about our luxury plumbing services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Transform Your Home?"
|
||||
description="Let's discuss how we can bring professional plumbing precision to your luxury space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -259,37 +153,13 @@ export default function LandingPage() {
|
||||
logoText="C&N Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -298,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user