Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -31,108 +31,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Apex Roofing"
|
||||
button={{
|
||||
text: "Get Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Estimate", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Premium Roofing, Honest Pricing, Fast Results"
|
||||
description="Trusted by homeowners for quality repairs and replacements. Free estimate, no pressure—sameday response guaranteed."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Homeowners",
|
||||
},
|
||||
value: "5k+", label: "Happy Homeowners"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Response Time",
|
||||
},
|
||||
value: "24h", label: "Response Time"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/father-daughter-having-fun_23-2148969787.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/father-daughter-having-fun_23-2148969787.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Loved by 5,000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Experts",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Experts", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Support", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Rated",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "High Rated", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-Friendly", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -144,9 +105,7 @@ export default function LandingPage() {
|
||||
title="Honest Roofing, Solid Performance"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Guarantee",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Guarantee", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,28 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "Rapid project completion without sacrificing precision.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2",
|
||||
imageAlt: "modern roof replacement exterior house",
|
||||
title: "Fast Turnaround", description: "Rapid project completion without sacrificing precision.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, ever. You see every line item.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: DollarSign,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageAlt: "professional roofer inspection smiling",
|
||||
title: "Transparent Pricing", description: "No hidden fees, ever. You see every line item.", bentoComponent: "reveal-icon", icon: DollarSign
|
||||
},
|
||||
{
|
||||
title: "Lifetime Warranties",
|
||||
description: "Comprehensive coverage for your peace of mind.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
imageAlt: "fast roofing repair service concept",
|
||||
title: "Lifetime Warranties", description: "Comprehensive coverage for your peace of mind.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
},
|
||||
]}
|
||||
title="Why Choose Apex Roofing"
|
||||
@@ -193,60 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "Great Experience",
|
||||
quote: "Apex was fast and transparent. Highly recommended.",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/key-with-house-figurine-coins_23-2147694621.jpg",
|
||||
imageAlt: "transparent pricing roofing project",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "Jan 2025", title: "Great Experience", quote: "Apex was fast and transparent. Highly recommended.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", imageSrc: "http://img.b2bpic.net/free-photo/key-with-house-figurine-coins_23-2147694621.jpg", imageAlt: "transparent pricing roofing project"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
date: "Dec 2024",
|
||||
title: "Professional Team",
|
||||
quote: "Finally, a roofer who showed up on time and stayed on budget.",
|
||||
tag: "Full Roof",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",
|
||||
imageAlt: "roof warranty quality seal",
|
||||
},
|
||||
id: "2", name: "Michael R.", date: "Dec 2024", title: "Professional Team", quote: "Finally, a roofer who showed up on time and stayed on budget.", tag: "Full Roof", avatarSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg", imageAlt: "roof warranty quality seal"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
date: "Nov 2024",
|
||||
title: "Peace of Mind",
|
||||
quote: "The warranty really sold us. Great quality work.",
|
||||
tag: "Replacement",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
||||
imageAlt: "satisfied homeowner front door",
|
||||
},
|
||||
id: "3", name: "Emily D.", date: "Nov 2024", title: "Peace of Mind", quote: "The warranty really sold us. Great quality work.", tag: "Replacement", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", imageAlt: "satisfied homeowner front door"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "Oct 2024",
|
||||
title: "Fast Repair",
|
||||
quote: "Fixed our leak the same day we called. Amazing service.",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
|
||||
imageAlt: "homeowner standing in front of house",
|
||||
},
|
||||
id: "4", name: "David K.", date: "Oct 2024", title: "Fast Repair", quote: "Fixed our leak the same day we called. Amazing service.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg", imageAlt: "homeowner standing in front of house"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura M.",
|
||||
date: "Sept 2024",
|
||||
title: "Highly Professional",
|
||||
quote: "The team was courteous and kept the site very clean.",
|
||||
tag: "Installation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/father-daughter-having-fun_23-2148969787.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
imageAlt: "cheerful homeowner residential property",
|
||||
},
|
||||
id: "5", name: "Laura M.", date: "Sept 2024", title: "Highly Professional", quote: "The team was courteous and kept the site very clean.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/father-daughter-having-fun_23-2148969787.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "cheerful homeowner residential property"},
|
||||
]}
|
||||
title="Homeowner Stories"
|
||||
description="See why local families trust Apex Roofing with their most valuable asset."
|
||||
@@ -260,54 +159,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "repair",
|
||||
badge: "Essential",
|
||||
price: "$499+",
|
||||
subtitle: "Basic roof repair & patching",
|
||||
features: [
|
||||
"Leak detection",
|
||||
"Material included",
|
||||
"1-year warranty",
|
||||
],
|
||||
id: "repair", badge: "Essential", price: "$499+", subtitle: "Basic roof repair & patching", features: [
|
||||
"Leak detection", "Material included", "1-year warranty"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Recommended",
|
||||
price: "$8,500+",
|
||||
subtitle: "Full roof replacement",
|
||||
features: [
|
||||
"Removal & Disposal",
|
||||
"Premium Asphalt",
|
||||
"10-year warranty",
|
||||
],
|
||||
id: "standard", badge: "Recommended", price: "$8,500+", subtitle: "Full roof replacement", features: [
|
||||
"Removal & Disposal", "Premium Asphalt", "10-year warranty"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$15,000+",
|
||||
subtitle: "Custom metal roofing",
|
||||
features: [
|
||||
"Architectural metal",
|
||||
"Energy efficient",
|
||||
"Lifetime warranty",
|
||||
],
|
||||
id: "premium", badge: "Elite", price: "$15,000+", subtitle: "Custom metal roofing", features: [
|
||||
"Architectural metal", "Energy efficient", "Lifetime warranty"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -320,20 +192,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for your estimate?"
|
||||
description="Speak with a roofing expert today for a no-pressure assessment of your roof's condition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15550123"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@apexroofing.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@apexroofing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,29 +209,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", 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