164 lines
7.8 KiB
TypeScript
164 lines
7.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
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" },
|
|
]}
|
|
brandName="Peak Builders & Roofers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
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" },
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
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."
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
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", 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", 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", buttons: [{ text: "Request Estimate", href: "#contact" }]
|
|
},
|
|
]}
|
|
buttons={[{ text: "Request Estimate", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
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"] },
|
|
]}
|
|
title="By the Numbers"
|
|
description="Proven performance serving San Diego since 2008."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Peak Builders & Roofers transformed our home exterior. Their craftsmanship is unmatched and the communication throughout the process was seamless. Highly recommended!"
|
|
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" },
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="proof" data-section="proof">
|
|
<SocialProofOne
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
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." },
|
|
]}
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
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>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Peak Builders & Roofers"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
{ title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Remodeling", href: "#services" }] },
|
|
]}
|
|
copyrightText="© 2025 Peak Builders & Roofers San Diego. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |