Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, CheckCircle, Clock, ShieldCheck, Users } from "lucide-react";
|
||||
import { Award, CheckCircle, Clock, ShieldCheck, Users, Zap, Droplets, Shield, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Counsil Plumbing"
|
||||
/>
|
||||
@@ -56,75 +48,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Exceptional Plumbing, Trusted by Families."
|
||||
description="Family-owned since day one. Counsil Plumbing delivers honest, professional, and efficient service for residential and commercial plumbing needs across the region."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "20+", label: "Years Experience"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "4.9", label: "Star Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Commitment",
|
||||
},
|
||||
value: "100%", label: "Quality Commitment"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
|
||||
alt: "Man engaged in household tasks scenery",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg", alt: "Man engaged in household tasks scenery"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg", alt: "Plumbing professional doing his job"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
alt: "Full shot man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg", alt: "Full shot man working as plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg", alt: "Male plumber working to fix problems at client's house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg",
|
||||
alt: "luxury plumbing service professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg", alt: "luxury plumbing service professional"},
|
||||
]}
|
||||
avatarText="Trusted by local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Experts",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Certified Experts", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Emergency Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Family Owned", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Lifetime Guarantee",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Lifetime Guarantee", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -138,17 +103,11 @@ export default function LandingPage() {
|
||||
description="Counsil Plumbing is built on a foundation of integrity and expertise. From simple repairs to complex re-piping, our family-led team ensures your home runs perfectly. We pride ourselves on clean workspaces, punctual arrivals, and decades of hands-on knowledge."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured Team",
|
||||
description: "Professional, reliable, and background-checked technicians.",
|
||||
},
|
||||
title: "Licensed & Insured Team", description: "Professional, reliable, and background-checked technicians."},
|
||||
{
|
||||
title: "Efficient & Clean Service",
|
||||
description: "We treat your home with respect, utilizing dropcloths and professional care.",
|
||||
},
|
||||
title: "Efficient & Clean Service", description: "We treat your home with respect, utilizing dropcloths and professional care."},
|
||||
{
|
||||
title: "Fair & Transparent Pricing",
|
||||
description: "Honest estimates, no pushy sales, only expert advice.",
|
||||
},
|
||||
title: "Fair & Transparent Pricing", description: "Honest estimates, no pushy sales, only expert advice."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -161,28 +120,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heater Replacement",
|
||||
description: "Upgrade your tank or switch to efficient tankless systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-microphone-sound-recording-macro-photography_169016-23076.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Water Heater Replacement", description: "Upgrade your tank or switch to efficient tankless systems.", imageSrc: "http://img.b2bpic.net/free-photo/professional-microphone-sound-recording-macro-photography_169016-23076.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Drain Clearing",
|
||||
description: "Thorough drain clearing for multiple sinks and systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746386.jpg",
|
||||
buttonIcon: "Droplets",
|
||||
title: "Drain Clearing", description: "Thorough drain clearing for multiple sinks and systems.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746386.jpg", buttonIcon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Gas Leak Detection",
|
||||
description: "Ensure safety with precise leak detection and expert assessment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Gas Leak Detection", description: "Ensure safety with precise leak detection and expert assessment.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Full House Re-piping",
|
||||
description: "Total repiping projects managed with immaculate care and expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746316.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
title: "Full House Re-piping", description: "Total repiping projects managed with immaculate care and expertise.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746316.jpg", buttonIcon: Wrench,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
@@ -197,31 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Happy Clients Served",
|
||||
items: [
|
||||
"Residential properties",
|
||||
"Commercial buildings",
|
||||
],
|
||||
id: "m1", value: "1000+", title: "Happy Clients Served", items: [
|
||||
"Residential properties", "Commercial buildings"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Water Heaters Installed",
|
||||
items: [
|
||||
"Traditional tanks",
|
||||
"Tankless systems",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Water Heaters Installed", items: [
|
||||
"Traditional tanks", "Tankless systems"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years of Loyal Service",
|
||||
items: [
|
||||
"Repeat customers",
|
||||
"Generational trust",
|
||||
],
|
||||
id: "m3", value: "15+", title: "Years of Loyal Service", items: [
|
||||
"Repeat customers", "Generational trust"],
|
||||
},
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
@@ -236,40 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Craig Morrison",
|
||||
role: "Local Guide",
|
||||
testimonial: "Excellent service. Mike is great, shows up on time, and has decades of experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
},
|
||||
id: "t1", name: "Craig Morrison", role: "Local Guide", testimonial: "Excellent service. Mike is great, shows up on time, and has decades of experience.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Cheryl Masters",
|
||||
role: "Homeowner",
|
||||
testimonial: "Friendly, helpful, and knowledgeable service. The work quality was excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "t2", name: "Cheryl Masters", role: "Homeowner", testimonial: "Friendly, helpful, and knowledgeable service. The work quality was excellent.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julie Duong",
|
||||
role: "Satisfied Customer",
|
||||
testimonial: "From start to finish, the experience was amazing. Communication and professionalism top notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg",
|
||||
},
|
||||
id: "t3", name: "Julie Duong", role: "Satisfied Customer", testimonial: "From start to finish, the experience was amazing. Communication and professionalism top notch.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Guzior",
|
||||
role: "Local Resident",
|
||||
testimonial: "Outstanding job on my bathroom valves. Clean, neat, and courteous work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-hand-shaking-human-resources-person_23-2148507819.jpg",
|
||||
},
|
||||
id: "t4", name: "John Guzior", role: "Local Resident", testimonial: "Outstanding job on my bathroom valves. Clean, neat, and courteous work.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-hand-shaking-human-resources-person_23-2148507819.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bill F",
|
||||
role: "Property Manager",
|
||||
testimonial: "Used for years for both residential and commercial jobs. Prompt and fair pricing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg",
|
||||
},
|
||||
id: "t5", name: "Bill F", role: "Property Manager", testimonial: "Used for years for both residential and commercial jobs. Prompt and fair pricing.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg"},
|
||||
]}
|
||||
title="Trusted by Your Neighbors"
|
||||
description="Read what your neighbors have to say about the Counsil Plumbing experience."
|
||||
@@ -281,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you handle emergency calls?",
|
||||
content: "Yes, we are highly responsive for plumbing emergencies, providing quick assessments and professional repair.",
|
||||
},
|
||||
id: "q1", title: "Do you handle emergency calls?", content: "Yes, we are highly responsive for plumbing emergencies, providing quick assessments and professional repair."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Our entire team is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed and insured?", content: "Absolutely. Our entire team is fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work on commercial properties?",
|
||||
content: "Yes, we have extensive experience with both large and small-scale commercial plumbing projects.",
|
||||
},
|
||||
id: "q3", title: "Do you work on commercial properties?", content: "Yes, we have extensive experience with both large and small-scale commercial plumbing projects."},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Need clarity on our services or pricing? We are here to help."
|
||||
@@ -307,14 +205,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Verified",
|
||||
"Licensed Plumbers",
|
||||
"Insurance Certified",
|
||||
"Family Operated",
|
||||
"Generational Expertise",
|
||||
"Residential Expert",
|
||||
"Commercial Partner",
|
||||
]}
|
||||
"Google Verified", "Licensed Plumbers", "Insurance Certified", "Family Operated", "Generational Expertise", "Residential Expert", "Commercial Partner"]}
|
||||
title="Industry Recognized Quality"
|
||||
description="Counsil Plumbing stands for standard-setting craftsmanship and reliable expertise."
|
||||
/>
|
||||
@@ -327,28 +218,17 @@ export default function LandingPage() {
|
||||
description="Ready for your plumbing repair or renovation? We're one click away from helping you."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your plumbing project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your plumbing project...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6581.jpg"
|
||||
/>
|
||||
@@ -360,33 +240,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user