bender/6a162841-d96d-4e9b-bbf2-33a7a9bf6517
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-11 12:59:32 +00:00
parent 7b980d582b
commit c884968bdb
1 changed files with 92 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

290
src/app/page.tsx
View File

@@ -16,212 +16,106 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Services", id: "services" },
id: "hero", { name: "Reviews", id: "reviews" },
}, { name: "Contact", id: "contact" },
{ { name: "FAQ", id: "faq" }
name: "Services", ]}
id: "services", brandName="PERFORMING ROOFING, INC"
}, />
{ </div>
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="PERFORMING ROOFING, INC"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="Luxury Roofing. Built to Perform." title="Luxury Roofing. Built to Perform."
description="Premium roofing, gutters, and exterior solutions delivered with precision, honesty, and unmatched service." description="Premium roofing, gutters, and exterior solutions delivered with precision, honesty, and unmatched service."
buttons={[ buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg"
text: "Get Free Estimate", avatars={[
href: "#contact", { 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" },
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=1" { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "black businessman happy expression" },
avatars={[ { src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "Smiling businessman face portrait, wearing suit" }
{ ]}
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", avatarText="Trusted by over 500+ satisfied homeowners"
alt: "Happy mature businessman showing thumb up", />
}, </div>
{
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"> <div id="services" data-section="services">
<FeatureCardSeven <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ title="Our Services"
{ description="We deliver elite craftsmanship and fast, reliable service tailored to your home or business."
title: "Roof Installation", features={[
description: "High-performance roofing systems designed for durability and luxury aesthetics.", { 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" },
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: "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?_wi=1", </div>
},
{
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?_wi=1",
},
]}
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"> <div id="reviews" data-section="reviews">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ title="What Clients Say"
{ description="Trusted by hundreds of homeowners for quality and precision."
id: "1", testimonials={[
name: "Verified Customer", { 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" },
date: "2025", { 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" },
title: "Great Experience", { 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" },
quote: "They worked with me on affordable solutions and handled everything with zero hassle.", { 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" },
tag: "Verified", { 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" }
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?_wi=2", />
imageAlt: "happy homeowner smiling", </div>
},
{
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?_wi=2",
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?_wi=2",
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"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
sideTitle="Common Questions" sideTitle="Common Questions"
sideDescription="Everything you need to know about our roofing services." sideDescription="Everything you need to know about our roofing services."
faqs={[ 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: "f1", { id: "f2", title: "Do you offer financing?", content: "Yes, we partner with multiple financial institutions to offer flexible payment plans for your projects." },
title: "How long does a roof installation take?", { 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." }
content: "Most residential roof installations are completed within 1-3 days, depending on the size and complexity of your roof.", ]}
}, />
{ </div>
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"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} tag="Contact Us"
background={{ title="Ready to Upgrade Your Roof?"
variant: "gradient-bars", description="Contact us today for a fast, free estimate."
}} background={{ variant: "gradient-bars" }}
title="Ready to Upgrade Your Roof?" useInvertedBackground={false}
description="Contact us today for a fast, free estimate." />
buttonText="Call Now" </div>
tag="Contact Us"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="PERFORMING ROOFING, INC" logoText="PERFORMING ROOFING, INC"
copyrightText="© 2026 Performing Roofing, Inc. All rights reserved." copyrightText="© 2026 Performing Roofing, Inc. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );