Merge version_1 into main #1
193
src/app/page.tsx
193
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Clock, Shield } from "lucide-react";
|
||||
import { Award, Clock, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Crownover Services"
|
||||
/>
|
||||
@@ -59,32 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crownover Services: Excellence in Home Care"
|
||||
description="Expert plumbing, HVAC, and electrical solutions for your home. We deliver professional craftsmanship, reliability, and peace of mind."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-plumber_1368-716.jpg",
|
||||
imageAlt: "hvac technician repair home",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-silence-gesture_1368-774.jpg",
|
||||
imageAlt: "Plumber making silence gesture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
|
||||
imageAlt: "Side view man working as plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-doing-air-conditioner-service_1303-26541.jpg",
|
||||
imageAlt: "Repairman doing air conditioner service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-hard-hat-looks-wall-while-holding-electric-cable_169016-12106.jpg",
|
||||
imageAlt: "An electrician in a hard hat looks at the wall while holding an electric cable",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sad-plumber_1368-716.jpg", imageAlt: "hvac technician repair home" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-silence-gesture_1368-774.jpg", imageAlt: "Plumber making silence gesture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Side view man working as plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/repairman-doing-air-conditioner-service_1303-26541.jpg", imageAlt: "Repairman doing air conditioner service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-hard-hat-looks-wall-while-holding-electric-cable_169016-12106.jpg", imageAlt: "An electrician in a hard hat looks at the wall while holding an electric cable" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,26 +64,10 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Reliability Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
description: "Successful projects",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Emergency availability",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of experience" },
|
||||
{ id: "m2", value: "5000+", description: "Successful projects" },
|
||||
{ id: "m3", value: "24/7", description: "Emergency availability" },
|
||||
{ id: "m4", value: "100%", description: "Customer Satisfaction" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,30 +78,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plumbing",
|
||||
description: "Water leaks, drain clearing, and pipe repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "HVAC Services",
|
||||
description: "AC and heating maintenance and repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Electrical",
|
||||
description: "Circuit repair, light installation, and panel maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-equipment-soldering-working-home_1157-47196.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Complete home system diagnostics and safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repair-word-written-with-nails-repair-utensils_23-2148393090.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "Plumbing", description: "Water leaks, drain clearing, and pipe repair.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg", buttonIcon: Zap },
|
||||
{ title: "HVAC Services", description: "AC and heating maintenance and repairs.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg", buttonIcon: Zap },
|
||||
{ title: "Electrical", description: "Circuit repair, light installation, and panel maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-equipment-soldering-working-home_1157-47196.jpg", buttonIcon: Zap },
|
||||
{ title: "Inspections", description: "Complete home system diagnostics and safety.", imageSrc: "http://img.b2bpic.net/free-photo/repair-word-written-with-nails-repair-utensils_23-2148393090.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Comprehensive Solutions"
|
||||
description="From emergency repairs to routine maintenance, our certified technicians handle your home's most essential systems with care."
|
||||
@@ -161,21 +93,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted Local Experts"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certifications",
|
||||
value: "Fully Licensed",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Guarantees",
|
||||
value: "100% Satisfaction",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time",
|
||||
value: "Fastest Local",
|
||||
},
|
||||
{ icon: Award, label: "Certifications", value: "Fully Licensed" },
|
||||
{ icon: Shield, label: "Guarantees", value: "100% Satisfaction" },
|
||||
{ icon: Clock, label: "Response Time", value: "Fastest Local" },
|
||||
]}
|
||||
metricsAnimation="opacity"
|
||||
/>
|
||||
@@ -185,15 +105,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Carrier",
|
||||
"Rheem",
|
||||
"Kohler",
|
||||
"Leviton",
|
||||
"Square D",
|
||||
"Moen",
|
||||
"Honeywell",
|
||||
]}
|
||||
names={["Carrier", "Rheem", "Kohler", "Leviton", "Square D", "Moen", "Honeywell"]}
|
||||
title="Trusted Partners"
|
||||
description="We partner with top-rated brands to ensure quality."
|
||||
/>
|
||||
@@ -206,26 +118,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller, Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
alt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-stylish-male-entrepreneur-glasses-with-laptop_176420-17912.jpg",
|
||||
alt: "business owner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg",
|
||||
alt: "young woman homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg",
|
||||
alt: "retired person home portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
||||
alt: "homeowner portrait indoor",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "happy homeowner portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-stylish-male-entrepreneur-glasses-with-laptop_176420-17912.jpg", alt: "business owner portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179453.jpg", alt: "young woman homeowner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg", alt: "retired person home portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg", alt: "homeowner portrait indoor" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -237,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for urgent calls.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your technicians certified?",
|
||||
content: "All our staff are fully licensed and undergo regular training.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we offer transparent estimates for all projects.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for urgent calls." },
|
||||
{ id: "2", title: "Are your technicians certified?", content: "All our staff are fully licensed and undergo regular training." },
|
||||
{ id: "3", title: "Do you provide free estimates?", content: "Yes, we offer transparent estimates for all projects." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Need more information? Check our common questions."
|
||||
@@ -262,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Get a Consultation"
|
||||
description="Ready to get started? Contact us today to schedule your service visit."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-service-employee-lifting-car_23-2148327529.jpg"
|
||||
@@ -276,14 +159,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Crownover Services"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user