bender/58355415-cac7-4769-8475-059af4d739b6
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-05-10 17:04:23 +00:00
parent 63eba4bdd1
commit f27bccd932
1 changed files with 48 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Peak Builders & Roofers"
/>
@@ -55,31 +47,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Peak Quality Roofing & Building in San Diego"
description="Premium construction services that elevate your home. Reliable roofing, expert repairs, and high-end exterior builds."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg",
imageAlt: "Professional roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg", imageAlt: "Professional roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg",
imageAlt: "San Diego home exterior",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg", imageAlt: "San Diego home exterior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576378.jpg",
imageAlt: "Asphalt shingles texture",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576378.jpg", imageAlt: "Asphalt shingles texture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
imageAlt: "Professional roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "Professional roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/rockefeller-center_1368-6222.jpg",
imageAlt: "San Diego home exterior",
},
imageSrc: "http://img.b2bpic.net/free-photo/rockefeller-center_1368-6222.jpg", imageAlt: "San Diego home exterior"},
]}
mediaAnimation="slide-up"
/>
@@ -90,36 +71,28 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Built on Trust, Delivered with Precision"
description={[
"For over 15 years, Peak Builders & Roofers has been serving the San Diego community with integrity.",
"We believe in high-quality craftsmanship, clear communication, and timely delivery for every residential project.",
]}
"For over 15 years, Peak Builders & Roofers has been serving the San Diego community with integrity.", "We believe in high-quality craftsmanship, clear communication, and timely delivery for every residential project."]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
textboxLayout="split-actions"
useInvertedBackground={false}
features={[
{
title: "Residential Roofing",
description: "Full roof installations, replacements, and professional inspections to keep your home safe.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
},
title: "Residential Roofing", description: "Full roof installations, replacements, and professional inspections to keep your home safe.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg"},
{
title: "Exterior Remodeling",
description: "Upgrade your home curb appeal with expert exterior services, siding, and structural improvements.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",
},
title: "Exterior Remodeling", description: "Upgrade your home curb appeal with expert exterior services, siding, and structural improvements.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg"},
{
title: "Damage Repairs",
description: "Emergency storm repairs and preventative maintenance to avoid future costly headaches.",
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576455.jpg",
},
title: "Damage Repairs", description: "Emergency storm repairs and preventative maintenance to avoid future costly headaches.", imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576455.jpg"},
]}
title="Our Expert Services"
description="Comprehensive construction and maintenance for your San Diego residence."
buttons={[
{ text: "Request Estimate", href: "#contact" }
]}
/>
</div>
@@ -130,34 +103,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1,500+",
title: "Projects Completed",
items: [
"Residential roofs",
"General builds",
"Repair jobs",
],
id: "m1", value: "1,500+", title: "Projects Completed", items: [
"Residential roofs", "General builds", "Repair jobs"],
},
{
id: "m2",
value: "4.9/5",
title: "Customer Rating",
items: [
"Google Reviews",
"Yelp Top-Rated",
"Client satisfaction",
],
id: "m2", value: "4.9/5", title: "Customer Rating", items: [
"Google Reviews", "Yelp Top-Rated", "Client satisfaction"],
},
{
id: "m3",
value: "15",
title: "Years of Excellence",
items: [
"Licensed experts",
"Local experience",
"San Diego experts",
],
id: "m3", value: "15", title: "Years of Excellence", items: [
"Licensed experts", "Local experience", "San Diego experts"],
},
]}
title="By the Numbers"
@@ -173,25 +128,15 @@ export default function LandingPage() {
author="Sarah Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
alt: "Sarah J",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Sarah J"},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
alt: "Michael C",
},
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Michael C"},
{
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
alt: "Emily R",
},
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", alt: "Emily R"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",
alt: "David K",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", alt: "David K"},
{
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
alt: "Satisfied Client",
},
src: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", alt: "Satisfied Client"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -203,14 +148,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"GAF Certified",
"Owens Corning Preferred",
"CertainTeed Select",
"San Diego Chamber",
"BBB A+ Rated",
"Construction Safety Alliance",
"Green Building Council",
]}
"GAF Certified", "Owens Corning Preferred", "CertainTeed Select", "San Diego Chamber", "BBB A+ Rated", "Construction Safety Alliance", "Green Building Council"]}
title="Trusted Local Partnerships"
description="We partner with top-tier material suppliers to ensure every roof built lasts a lifetime."
/>
@@ -222,20 +160,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does a roof installation take?",
content: "Most residential projects are completed within 3-5 days depending on size.",
},
id: "f1", title: "How long does a roof installation take?", content: "Most residential projects are completed within 3-5 days depending on size."},
{
id: "f2",
title: "Do you offer financing?",
content: "Yes, we partner with top financial institutions for flexible payment options.",
},
id: "f2", title: "Do you offer financing?", content: "Yes, we partner with top financial institutions for flexible payment options."},
{
id: "f3",
title: "Are you fully licensed and insured?",
content: "Yes, we carry full general liability and workers' compensation insurance.",
},
id: "f3", title: "Are you fully licensed and insured?", content: "Yes, we carry full general liability and workers' compensation insurance."},
]}
imageSrc="http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg"
title="Frequently Asked Questions"
@@ -250,14 +179,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Ready to start your next construction project? Our experts are standing by to provide a free consultation and project estimate."
buttons={[
{
text: "Get Your Free Quote",
href: "#contact-form",
},
text: "Get Your Free Quote", href: "#contact-form"},
]}
/>
</div>
@@ -267,54 +193,33 @@ export default function LandingPage() {
logoText="Peak Builders & Roofers"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Roofing",
href: "#services",
},
label: "Roofing", href: "#services"},
{
label: "Remodeling",
href: "#services",
},
label: "Remodeling", href: "#services"},
{
label: "Repairs",
href: "#services",
},
label: "Repairs", href: "#services"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -324,4 +229,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}