Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ff2d945e8 | |||
| 559d24bfdf | |||
| 391a31fd51 | |||
| 006905bd70 |
145
src/app/page.tsx
145
src/app/page.tsx
@@ -21,24 +21,20 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Peak Builders & Roofers"
|
||||
/>
|
||||
@@ -46,21 +42,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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/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/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/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/view-steel-hammer-with-other-construction-elements-tools_23-2150576378.jpg", imageAlt: "Asphalt shingles texture" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -71,7 +59,8 @@ 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>
|
||||
|
||||
@@ -80,19 +69,20 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive construction and maintenance for your San Diego residence. Contact us today for a free evaluation of your roofing needs."
|
||||
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", buttons: [{ text: "View All Services" }]
|
||||
},
|
||||
{
|
||||
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", buttons: [{ text: "View All Services" }]
|
||||
},
|
||||
{
|
||||
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" }
|
||||
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", buttons: [{ text: "Request Estimate", href: "#contact" }]
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Request Estimate", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,18 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
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: "m3", value: "15", title: "Years of Excellence", items: [
|
||||
"Licensed experts", "Local experience", "San Diego experts"],
|
||||
},
|
||||
{ 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: "m3", value: "15", title: "Years of Excellence", items: ["Licensed experts", "Local experience", "San Diego experts"] },
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Proven performance serving San Diego since 2008."
|
||||
@@ -127,16 +108,8 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
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/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/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/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" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -145,12 +118,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"GAF Certified", "Owens Corning Preferred", "CertainTeed Select", "San Diego Chamber", "BBB A+ Rated", "Construction Safety Alliance", "Green Building Council"]}
|
||||
names={["GAF Certified", "Owens Corning Preferred", "CertainTeed Select", "San Diego Chamber", "BBB A+ Rated"]}
|
||||
title="Trusted Local Partnerships"
|
||||
description="We partner with top-tier material suppliers to ensure every roof built lasts a lifetime."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,18 +131,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common construction and roofing queries."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="contractor speaking with client"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -178,13 +145,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
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"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to start your next project? We are located at 8340 Vickers St K, San Diego, CA 92111. Call us at +1 619-330-1299 for a free estimate."
|
||||
buttons={[{ text: "Get Your Free Quote", href: "#contact-form" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -192,38 +155,10 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Peak Builders & Roofers"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roofing", href: "#services"},
|
||||
{
|
||||
label: "Remodeling", href: "#services"},
|
||||
{
|
||||
label: "Repairs", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Remodeling", href: "#services" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Peak Builders & Roofers San Diego. All rights reserved."
|
||||
copyrightText="© 2025 Peak Builders & Roofers San Diego. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #2b180a;
|
||||
--card: #3e2716;
|
||||
--foreground: #f9f1e8;
|
||||
--primary-cta: #d4a373;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #5c4033;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #faedcd;
|
||||
--background-accent: #4a301d;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user