bender/0f70a448-797d-4005-bfa1-29d05123d0c6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-06 20:30:19 +00:00
parent b4eff8c292
commit d6d730d5a5
1 changed files with 48 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -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: "#"},
],
},
]}