Merge version_1 into main #1
366
src/app/page.tsx
366
src/app/page.tsx
@@ -25,259 +25,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Stephenson Family Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Stephenson Family Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Philadelphia’s Most Trusted Family Roofing Experts"
|
||||
description="Fast. Reliable. Done Right the First Time — 24/7 Emergency Service Available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (267) 414-3343",
|
||||
href: "tel:2674143343",
|
||||
},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
alt: "Reliable contractor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
|
||||
alt: "Trusted neighbor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
alt: "Expert roofer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Philadelphia’s Most Trusted Family Roofing Experts"
|
||||
description="Fast. Reliable. Done Right the First Time — 24/7 Emergency Service Available."
|
||||
buttons={[
|
||||
{ text: "Call Now: (267) 414-3343", href: "tel:2674143343" },
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fence-s-silhouette-with-sky-background_1160-223.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={false}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Satisfied client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg", alt: "Happy homeowner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg", alt: "Reliable contractor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg", alt: "Trusted neighbor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", alt: "Expert roofer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "High-quality new roof installations with lasting materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",
|
||||
},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Detailed repairs to fix leaks, damaged shingles, and flashing issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg",
|
||||
},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Advanced diagnostic techniques to pinpoint and seal roof leaks instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
},
|
||||
{
|
||||
title: "Emergency Roofing",
|
||||
description: "24/7 rapid response for urgent storm damage or critical leaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-from-orange-buildings-fence-front-it_181624-19323.jpg",
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Full roof overhauls for older homes needing an upgrade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2845.jpg",
|
||||
},
|
||||
{
|
||||
title: "Storm Damage Repair",
|
||||
description: "Specialized restoration after severe Philadelphia weather events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
},
|
||||
]}
|
||||
title="Complete Roofing Solutions"
|
||||
description="We provide premium roofing solutions to protect your home from the elements."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Roof Installation", description: "High-quality new roof installations with lasting materials.", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg" },
|
||||
{ title: "Roof Repair", description: "Detailed repairs to fix leaks, damaged shingles, and flashing issues.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg" },
|
||||
{ title: "Leak Detection", description: "Advanced diagnostic techniques to pinpoint and seal roof leaks instantly.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ title: "Emergency Roofing", description: "24/7 rapid response for urgent storm damage or critical leaks.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-from-orange-buildings-fence-front-it_181624-19323.jpg" },
|
||||
{ title: "Roof Replacement", description: "Full roof overhauls for older homes needing an upgrade.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2845.jpg" },
|
||||
{ title: "Storm Damage Repair", description: "Specialized restoration after severe Philadelphia weather events.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg" },
|
||||
]}
|
||||
title="Complete Roofing Solutions"
|
||||
description="We provide premium roofing solutions to protect your home from the elements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Family Business Built on Integrity"
|
||||
description="At Stephenson Family Roofing, we treat every home like it’s our own. With years of hands-on experience and a commitment to honest work, we’ve built our reputation one roof at a time."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "40+",
|
||||
title: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-with-hard-hat-using-ladder-build-roof-house_23-2148748858.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Family Business Built on Integrity"
|
||||
description="At Stephenson Family Roofing, we treat every home like it’s our own. With years of hands-on experience and a commitment to honest work, we’ve built our reputation one roof at a time."
|
||||
metrics={[
|
||||
{ value: "20+", title: "Years Experience" },
|
||||
{ value: "40+", title: "Reviews" },
|
||||
{ value: "100%", title: "Satisfaction" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-with-hard-hat-using-ladder-build-roof-house_23-2148748858.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Northeast Philly",
|
||||
testimonial: "Fast to respond, reliable, and goes above and beyond.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "Burholme Resident",
|
||||
testimonial: "Professional, fast, and honest — hard to find these days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Cheltenham",
|
||||
testimonial: "Great service with affordable prices!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Philly Homeowner",
|
||||
testimonial: "Fixed my leaks in under 24 hours. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095767.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Marie",
|
||||
handle: "Local Client",
|
||||
testimonial: "Integrity and quality you rarely see today.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Homeowners Trust Stephenson Family Roofing"
|
||||
description="See why our neighbors trust us with their most valuable asset."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "Northeast Philly", testimonial: "Fast to respond, reliable, and goes above and beyond.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "Burholme Resident", testimonial: "Professional, fast, and honest — hard to find these days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "Cheltenham", testimonial: "Great service with affordable prices!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "Philly Homeowner", testimonial: "Fixed my leaks in under 24 hours. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095767.jpg" },
|
||||
{ id: "5", name: "Lisa Marie", handle: "Local Client", testimonial: "Integrity and quality you rarely see today.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg" },
|
||||
]}
|
||||
title="Homeowners Trust Stephenson Family Roofing"
|
||||
description="See why our neighbors trust us with their most valuable asset."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background="gradient-bars"
|
||||
tag="Urgent Request"
|
||||
title="Don’t Wait Until It Gets Worse"
|
||||
description="Call us today for a free same-day roof inspection or emergency service."
|
||||
buttonText="Call Now"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Urgent Request"
|
||||
title="Don’t Wait Until It Gets Worse"
|
||||
description="Call us today for a free same-day roof inspection or emergency service."
|
||||
buttonText="Call Now"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Stephenson Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Emergencies",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Stephenson Family Roofing. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Stephenson Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Process", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Installations", href: "#services" },
|
||||
{ label: "Repairs", href: "#services" },
|
||||
{ label: "Emergencies", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Stephenson Family Roofing. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user