Merge version_1 into main #2
163
src/app/page.tsx
163
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { CheckCircle, Clock, Facebook, Instagram, Shield, Users, Zap } from "lucide-react";
|
||||
import { CheckCircle, Clock, Droplet, Eye, Facebook, Flame, Instagram, Shield, ShowerHead, Users, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Green Team"
|
||||
/>
|
||||
@@ -53,81 +45,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Plumbing. Exceptional Care."
|
||||
description="Green Team Plumbing provides 24/7 expert service, licensed and guaranteed. From leaks to full installations, we treat your home like our own."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Available",
|
||||
},
|
||||
value: "24/7", label: "Available"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Guaranteed",
|
||||
},
|
||||
value: "100%", label: "Guaranteed"},
|
||||
{
|
||||
value: "Licensed",
|
||||
label: "Insured",
|
||||
},
|
||||
value: "Licensed", label: "Insured"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11329.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-sofa-home-portrait-comfortable-woman-winter-clothes-relaxing_657921-462.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-sofa-home-portrait-comfortable-woman-winter-clothes-relaxing_657921-462.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 1,000+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Licensed", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Insured",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Insured", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Support", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Response",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Fast Response", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Team",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Expert Team", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,40 +102,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Precision detection of hidden water leaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg",
|
||||
buttonIcon: "Droplet",
|
||||
title: "Leak Detection", description: "Precision detection of hidden water leaks.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg", buttonIcon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Full installation and maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53677.jpg",
|
||||
buttonIcon: "Flame",
|
||||
title: "Water Heaters", description: "Full installation and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53677.jpg", buttonIcon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Faucet Repairs",
|
||||
description: "Expert repairs for every faucet type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721534.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
title: "Faucet Repairs", description: "Expert repairs for every faucet type.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721534.jpg", buttonIcon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Drain & Toilet",
|
||||
description: "Prompt unclogging and maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
||||
buttonIcon: "ShowerHead",
|
||||
title: "Drain & Toilet", description: "Prompt unclogging and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", buttonIcon: ShowerHead,
|
||||
},
|
||||
{
|
||||
title: "Sewer Inspection",
|
||||
description: "Advanced camera inspection services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-pressing-wrist-device-emergency-red-lighting-confirm-alert_482257-132555.jpg",
|
||||
buttonIcon: "Eye",
|
||||
title: "Sewer Inspection", description: "Advanced camera inspection services.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-pressing-wrist-device-emergency-red-lighting-confirm-alert_482257-132555.jpg", buttonIcon: Eye,
|
||||
},
|
||||
{
|
||||
title: "Emergency Care",
|
||||
description: "Available whenever disaster strikes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-cleaning-guy-wearing-uniform-cap-holding-plunger-head_141793-123408.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Emergency Care", description: "Available whenever disaster strikes.", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-cleaning-guy-wearing-uniform-cap-holding-plunger-head_141793-123408.jpg", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -185,10 +130,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Green Team?"
|
||||
description={[
|
||||
"Olin started Green Team with one belief: plumbing shouldn't be stressful.",
|
||||
"We emphasize transparent pricing, clean workspaces, and highly skilled technicians who respect your time and property.",
|
||||
"Over 1,000 homes served and a reputation built on trust.",
|
||||
]}
|
||||
"Olin started Green Team with one belief: plumbing shouldn't be stressful.", "We emphasize transparent pricing, clean workspaces, and highly skilled technicians who respect your time and property.", "Over 1,000 homes served and a reputation built on trust."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,45 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Lifesaver!",
|
||||
quote: "Green Team came out at 2 AM. Prompt, professional, and left the workspace clean.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Lifesaver!", quote: "Green Team came out at 2 AM. Prompt, professional, and left the workspace clean.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Transparent pricing and great communication. The best plumbing experience I've had.",
|
||||
name: "Michael B.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Recommend", quote: "Transparent pricing and great communication. The best plumbing experience I've had.", name: "Michael B.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Quality Work",
|
||||
quote: "Olin and his team are true professionals. Fixed my water heater fast.",
|
||||
name: "Jessica L.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||||
},
|
||||
id: "3", title: "Quality Work", quote: "Olin and his team are true professionals. Fixed my water heater fast.", name: "Jessica L.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional",
|
||||
quote: "Respectful of my home and got the job done right the first time.",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-sofa-home-portrait-comfortable-woman-winter-clothes-relaxing_657921-462.jpg",
|
||||
},
|
||||
id: "4", title: "Professional", quote: "Respectful of my home and got the job done right the first time.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-sofa-home-portrait-comfortable-woman-winter-clothes-relaxing_657921-462.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Service",
|
||||
quote: "Very friendly staff and excellent workmanship on my kitchen sink repair.",
|
||||
name: "Robert M.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Great Service", quote: "Very friendly staff and excellent workmanship on my kitchen sink repair.", name: "Robert M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg"},
|
||||
]}
|
||||
title="Loved by Our Neighbors"
|
||||
description="Read what our community has to say about our dedication."
|
||||
@@ -247,8 +159,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Need Help Today?"
|
||||
description="Our team is ready to assist. Request your service visit now."
|
||||
@@ -263,14 +174,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user