Update src/app/page.tsx
This commit is contained in:
191
src/app/page.tsx
191
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Building, Clock, ShieldCheck } from "lucide-react";
|
||||
import { Building, Clock, ShieldCheck, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Pro Level Construction"
|
||||
/>
|
||||
@@ -55,72 +47,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Fast. Reliable. Done Right the First Time."
|
||||
description="When your roof leaks, your skylight fails, or your chimney needs repair, you don’t have time for delays. At Pro Level Construction, we provide same-day estimates and high-quality workmanship."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "On-Time Arrival",
|
||||
},
|
||||
value: "100%", label: "On-Time Arrival"},
|
||||
{
|
||||
value: "Same Day",
|
||||
label: "Estimates",
|
||||
},
|
||||
value: "Same Day", label: "Estimates"},
|
||||
{
|
||||
value: "Lifetime",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "Lifetime", label: "Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-professionals-broker-evaluating-property-corporate-relocation_482257-107434.jpg",
|
||||
alt: "Business professionals and broker evaluating a property",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-professionals-broker-evaluating-property-corporate-relocation_482257-107434.jpg", alt: "Business professionals and broker evaluating a property"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg",
|
||||
alt: "Architecture successful meeting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg", alt: "Architecture successful meeting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-client-hand-shaking_23-2148243001.jpg",
|
||||
alt: "Architect and client hand shaking",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-client-hand-shaking_23-2148243001.jpg", alt: "Architect and client hand shaking"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35508.jpg",
|
||||
alt: "Engineers in helmets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35508.jpg", alt: "Engineers in helmets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg",
|
||||
alt: "Architect showing a miniature house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg", alt: "Architect showing a miniature house"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Support", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Clock,
|
||||
type: "text", text: "Certified Experts"},
|
||||
{
|
||||
type: "text-icon", text: "Warranty Backed", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Experts",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Warranty Backed",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Owned",
|
||||
},
|
||||
type: "text", text: "Local Owned"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,7 +97,7 @@ export default function LandingPage() {
|
||||
title="Built on Trust, Proven by Results"
|
||||
description="We are a hands-on, local team that values communication as much as craftsmanship. We take the stress out of home exterior repairs."
|
||||
subdescription="Whether it’s a minor repair or a complete replacement, our crew handles every project with the precision your home deserves."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Building}
|
||||
/>
|
||||
@@ -144,33 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "High-durability roofing solutions with precision installation.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
|
||||
imageAlt: "Front view smiley young man with helmet",
|
||||
},
|
||||
title: "Roof Installation", description: "High-durability roofing solutions with precision installation.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", imageAlt: "Front view smiley young man with helmet"},
|
||||
{
|
||||
title: "Skylight Services",
|
||||
description: "Professional replacement and leak-proof installation.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg?_wi=2",
|
||||
imageAlt: "Front view smiley young man with helmet",
|
||||
},
|
||||
title: "Skylight Services", description: "Professional replacement and leak-proof installation.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg", imageAlt: "Front view smiley young man with helmet"},
|
||||
{
|
||||
title: "Chimney Repairs",
|
||||
description: "Chase cover replacements and masonry maintenance.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg?_wi=2",
|
||||
imageAlt: "Front view smiley young man with helmet",
|
||||
},
|
||||
title: "Chimney Repairs", description: "Chase cover replacements and masonry maintenance.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Front view smiley young man with helmet"},
|
||||
{
|
||||
title: "Exterior Repairs",
|
||||
description: "General repairs to ensure your home stays dry and secure.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg?_wi=1",
|
||||
imageAlt: "Front view smiley young man with helmet",
|
||||
},
|
||||
title: "Exterior Repairs", description: "General repairs to ensure your home stays dry and secure.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg", imageAlt: "Front view smiley young man with helmet"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in high-quality exterior construction and repair services."
|
||||
@@ -182,12 +131,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Homeowner Association",
|
||||
"Local Business Guild",
|
||||
"Neighborhood Watch",
|
||||
"Regional Property Group",
|
||||
"Community Partners",
|
||||
]}
|
||||
"Homeowner Association", "Local Business Guild", "Neighborhood Watch", "Regional Property Group", "Community Partners"]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Serving families across the community with consistent, professional service."
|
||||
/>
|
||||
@@ -198,30 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
id: "5", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
]}
|
||||
cardTitle="Real Results, Real Customers"
|
||||
cardTag="Reviews"
|
||||
@@ -235,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide same-day free estimates for your project.",
|
||||
},
|
||||
id: "1", title: "Do you offer free estimates?", content: "Yes, we provide same-day free estimates for your project."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, we carry comprehensive insurance for all residential projects.",
|
||||
},
|
||||
id: "2", title: "Are you fully insured?", content: "Yes, we carry comprehensive insurance for all residential projects."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How quickly can you start?",
|
||||
content: "We prioritize fast turnaround times for all repair work.",
|
||||
},
|
||||
id: "3", title: "How quickly can you start?", content: "We prioritize fast turnaround times for all repair work."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our process."
|
||||
@@ -260,20 +180,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Request Your Free Estimate Today"
|
||||
description="Don't let a small leak turn into a costly problem. Reach out to our professional crew today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15550000000"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,29 +199,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user