Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Spring Lake Plumbing"
|
||||
/>
|
||||
@@ -56,79 +48,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Plumbing Services in Spring Lake"
|
||||
description="With over 11 years of experience, we provide reliable, quick, and expert 24/7 emergency plumbing solutions for your home and business."
|
||||
kpis={[
|
||||
{
|
||||
value: "11+",
|
||||
label: "Years Active",
|
||||
},
|
||||
value: "11+", label: "Years Active"},
|
||||
{
|
||||
value: "537",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "537", label: "Reviews"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency",
|
||||
},
|
||||
value: "24/7", label: "Emergency"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269662.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Happy homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", alt: "Professional client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-brunette-browsing-tablet-smiling_23-2147770029.jpg",
|
||||
alt: "Glad customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-brunette-browsing-tablet-smiling_23-2147770029.jpg", alt: "Glad customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
||||
alt: "Smiling user",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg", alt: "Smiling user"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Emergency", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency",
|
||||
icon: Clock,
|
||||
type: "text", text: "Competitive Pricing"},
|
||||
{
|
||||
type: "text-icon", text: "Local Experts", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Pricing",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Experts",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,17 +104,11 @@ export default function LandingPage() {
|
||||
description="We believe in honest, efficient work. Our team is fully licensed and background-checked to ensure your peace of mind. Whether it's a leaky faucet or a sewer repair, we handle it with precision."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed Experts",
|
||||
description: "Verified professionals handle every job.",
|
||||
},
|
||||
title: "Licensed Experts", description: "Verified professionals handle every job."},
|
||||
{
|
||||
title: "Background Checked",
|
||||
description: "Your security is our top priority.",
|
||||
},
|
||||
title: "Background Checked", description: "Your security is our top priority."},
|
||||
{
|
||||
title: "Always Ready",
|
||||
description: "24/7 support for all emergencies.",
|
||||
},
|
||||
title: "Always Ready", description: "24/7 support for all emergencies."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -166,19 +123,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Pipe & Drain Repair",
|
||||
description: "Quickly unblock drains and repair leaks.",
|
||||
},
|
||||
title: "Pipe & Drain Repair", description: "Quickly unblock drains and repair leaks."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Water Heater Installation",
|
||||
description: "Reliable installation and repair services.",
|
||||
},
|
||||
title: "Water Heater Installation", description: "Reliable installation and repair services."},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Fixture Services",
|
||||
description: "Faucet, shower, and toilet installations.",
|
||||
},
|
||||
title: "Fixture Services", description: "Faucet, shower, and toilet installations."},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="We offer a full suite of services to keep your systems running smoothly, from emergency repairs to new installations."
|
||||
@@ -192,26 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Available",
|
||||
description: "Ready to help anytime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-fatherland-defender-day-badges_23-2148799914.jpg",
|
||||
},
|
||||
id: "m1", value: "24/7", title: "Available", description: "Ready to help anytime.", imageSrc: "http://img.b2bpic.net/free-vector/set-fatherland-defender-day-badges_23-2148799914.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "11+",
|
||||
title: "Years",
|
||||
description: "Trusted local expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
|
||||
},
|
||||
id: "m2", value: "11+", title: "Years", description: "Trusted local expertise.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
title: "Rating",
|
||||
description: "Based on 537 reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
|
||||
},
|
||||
id: "m3", value: "4.8", title: "Rating", description: "Based on 537 reviews.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg"},
|
||||
]}
|
||||
title="Quality You Can Trust"
|
||||
description="Our commitment to excellence shows in every job we complete."
|
||||
@@ -223,14 +159,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Spring Lake Hardware",
|
||||
"Premier Heaters Co.",
|
||||
"Reliable Pipes Inc.",
|
||||
"Contractors Guild",
|
||||
"Home Supply Hub",
|
||||
"Municipal Water Services",
|
||||
"Building Standards Union",
|
||||
]}
|
||||
"Spring Lake Hardware", "Premier Heaters Co.", "Reliable Pipes Inc.", "Contractors Guild", "Home Supply Hub", "Municipal Water Services", "Building Standards Union"]}
|
||||
title="Trusted by Local Partners"
|
||||
description="We work with top industry providers to deliver durable quality."
|
||||
/>
|
||||
@@ -243,45 +172,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Very professional and fixed my leak in record time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Very professional and fixed my leak in record time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Staff was extremely knowledgeable. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@miker", testimonial: "Staff was extremely knowledgeable. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Quick service when I needed it most at midnight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2266.jpg",
|
||||
},
|
||||
id: "3", name: "Lisa K.", handle: "@lisak", testimonial: "Quick service when I needed it most at midnight.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2266.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Great work on my new garbage disposal installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@davidw", testimonial: "Great work on my new garbage disposal installation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "They were clean, polite, and very affordable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
},
|
||||
id: "5", name: "Emily P.", handle: "@emilyp", testimonial: "They were clean, polite, and very affordable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -295,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available 24/7 for any plumbing emergency.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency service?", content: "Yes, we are available 24/7 for any plumbing emergency."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "Yes, our team is fully licensed and background-checked.",
|
||||
},
|
||||
id: "f2", title: "Are your plumbers licensed?", content: "Yes, our team is fully licensed and background-checked."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve Spring Lake and surrounding areas.",
|
||||
},
|
||||
id: "f3", title: "What areas do you serve?", content: "We primarily serve Spring Lake and surrounding areas."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to common plumbing inquiries."
|
||||
@@ -317,68 +212,48 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Ready for a Consultation?"
|
||||
description="Get in touch for a quick quote today. We are here to help."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-worker-holding-clipboard-pointing-side-uniform-front-view_176474-21694.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterMedia
|
||||
logoText="Spring Lake Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Spring Lake Plumbing",
|
||||
items: [
|
||||
title: "Spring Lake Plumbing", items: [
|
||||
{
|
||||
label: "Call Us: (910) 447-8328",
|
||||
href: "tel:9104478328",
|
||||
},
|
||||
label: "Call Us: (910) 447-8328", href: "tel:9104478328"},
|
||||
{
|
||||
label: "24/7 Service Available",
|
||||
href: "#",
|
||||
},
|
||||
label: "24/7 Service Available", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Installations", href: "#services"},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Spring Lake Plumbing"
|
||||
bottomRightText="All rights reserved."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #020617;
|
||||
--card: #0f172a;
|
||||
--foreground: #e2e8f0;
|
||||
--primary-cta: #c4d8f9;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #041633;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #2d30f3;
|
||||
--background-accent: #1d4ed8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user