229 lines
8.7 KiB
TypeScript
229 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="PERFORMING ROOFING, INC"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Luxury Roofing. Built to Perform."
|
|
description="Premium roofing, gutters, and exterior solutions delivered with precision, honesty, and unmatched service."
|
|
buttons={[
|
|
{
|
|
text: "Get Free Estimate",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
|
alt: "Happy mature businessman showing thumb up",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
|
|
alt: "Happy satisfied customer making Ok gesture",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
|
|
alt: "Business woman smiling with a top hat and a thumbs up",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
|
alt: "black businessman happy expression",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
|
|
alt: "Smiling businessman face portrait, wearing suit",
|
|
},
|
|
]}
|
|
avatarText="Trusted by over 500+ satisfied homeowners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Roof Installation",
|
|
description: "High-performance roofing systems designed for durability and luxury aesthetics.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
|
},
|
|
{
|
|
title: "Roof Repairs",
|
|
description: "Fast, honest diagnostics and cost-effective repairs you can trust.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
|
|
},
|
|
{
|
|
title: "Gutter Systems",
|
|
description: "Seamless gutters installed with precision for long-term protection.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
|
},
|
|
{
|
|
title: "Storm Restoration",
|
|
description: "We work with insurance and restore your property quickly and professionally.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",
|
|
},
|
|
]}
|
|
title="Our Services"
|
|
description="We deliver elite craftsmanship and fast, reliable service tailored to your home or business."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Verified Customer",
|
|
date: "2025",
|
|
title: "Great Experience",
|
|
quote: "They worked with me on affordable solutions and handled everything with zero hassle.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
|
|
imageAlt: "happy homeowner smiling",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "John S.",
|
|
date: "2025",
|
|
title: "Excellent Quality",
|
|
quote: "Top quality work, great price, and incredible service.",
|
|
tag: "Customer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-happy-curly-haired-woman-smiles-toothily-looks-with-glad-expression-wears-casual-t-shirt-necklace-stays-positive-isolated-white-background-people-emotions-concept_273609-61728.jpg",
|
|
imageAlt: "happy homeowner smiling",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Verified Review",
|
|
date: "2025",
|
|
title: "Honest Team",
|
|
quote: "Honest, professional, and extremely helpful—even when the job wasn't theirs.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg",
|
|
imageAlt: "happy homeowner smiling",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Customer Review",
|
|
date: "2025",
|
|
title: "Highly Professional",
|
|
quote: "Communication was flawless. The team was fast, skilled, and highly professional.",
|
|
tag: "Customer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
|
|
imageAlt: "happy homeowner smiling",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jane D.",
|
|
date: "2025",
|
|
title: "Efficient",
|
|
quote: "Exceptional team that delivered exactly what they promised on schedule.",
|
|
tag: "Customer",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",
|
|
imageAlt: "happy homeowner smiling",
|
|
},
|
|
]}
|
|
title="What Clients Say"
|
|
description="Trusted by hundreds of homeowners for quality and precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
sideTitle="Common Questions"
|
|
sideDescription="Everything you need to know about our roofing services."
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "How long does a roof installation take?",
|
|
content: "Most residential roof installations are completed within 1-3 days, depending on the size and complexity of your roof.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Do you offer financing?",
|
|
content: "Yes, we partner with multiple financial institutions to offer flexible payment plans for your projects.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Are you licensed and insured?",
|
|
content: "Absolutely. We are fully licensed, bonded, and insured to give you peace of mind throughout the project.",
|
|
},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Ready to Upgrade Your Roof?"
|
|
description="Contact us today for a fast, free estimate."
|
|
buttonText="Call Now"
|
|
tag="Contact Us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="PERFORMING ROOFING, INC"
|
|
copyrightText="© 2026 Performing Roofing, Inc. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|