Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-19 13:50:48 +00:00

View File

@@ -29,378 +29,172 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "Expertise",
id: "#expertise",
},
{
name: "Process",
id: "#process",
},
{
name: "About",
id: "#about",
},
]}
brandName="United Roofing"
button={{
text: "Get Inspection",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Services", id: "#services" },
{ name: "Expertise", id: "#expertise" },
{ name: "Process", id: "#process" },
{ name: "About", id: "#about" },
]}
brandName="United Roofing"
button={{ text: "Get Inspection", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Roofing Help You Can Trust — Right When You Need It"
description="Fast, honest roof repair and replacement with expert guidance, clear communication, and workmanship that holds up."
tag="Trusted by DC Homeowners"
buttons={[
{
text: "Get a Free Inspection",
href: "#contact",
},
{
text: "Call Now",
href: "tel:5550101",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg?_wi=1",
imageAlt: "Urban rowhouse roofing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg?_wi=1",
imageAlt: "Professional team",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
imageAlt: "Man walking on the roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brown-light-yellow-building-blue-sky_181624-3894.jpg",
imageAlt: "Vertical shot of a brown and light yellow building under a blue sky",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-cityscape-st-gallen-switzerland-winter-with-snow-roofs_181624-18462.jpg",
imageAlt: "High angle shot of the cityscape of St Gallen, Switzerland in winter with snow on roofs",
},
]}
rating={5}
ratingText="Verified 5-star response rate"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Roofing Help You Can Trust — Right When You Need It"
description="Fast, honest roof repair and replacement with expert guidance, clear communication, and workmanship that holds up."
tag="Trusted by DC Homeowners"
buttons={[
{ text: "Get a Free Inspection", href: "#contact" },
{ text: "Call Now", href: "tel:5550101" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "Urban rowhouse roofing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg", imageAlt: "Professional team" }
]}
rating={5}
ratingText="Verified 5-star response rate"
mediaAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Capitol Hill Rowhouses",
"Adams Morgan Properties",
"Dupont Circle Roofs",
"Georgetown Homeowners",
"Logan Circle Estates",
"U Street Revitalization",
"Shaw Neighborhood Trust",
]}
title="Trusted by Homeowners Across the City"
description="We are consistently rated for our speed, honesty, and clear communication."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Capitol Hill Rowhouses", "Adams Morgan Properties", "Dupont Circle Roofs", "Georgetown Homeowners", "Logan Circle Estates", "U Street Revitalization", "Shaw Neighborhood Trust"]}
title="Trusted by Homeowners Across the City"
description="We are consistently rated for our speed, honesty, and clear communication."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Roof Repair",
description: "Fast diagnosis and durable repairs for leaks, storm damage, and flashing issues.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=1",
imageAlt: "Roof repair detail",
},
items: [
{
icon: CheckCircle,
text: "Same-day assessment",
},
{
icon: CheckCircle,
text: "Durable materials",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg?_wi=2",
imageAlt: "roofing installation detail",
},
{
title: "Flat Roof Systems",
description: "Specialized flat roof repair and restoration for city rowhomes.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=1",
imageAlt: "Flat roof restoration",
},
items: [
{
icon: Shield,
text: "Leak prevention",
},
{
icon: CheckCircle,
text: "Professional sealing",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmets-working-together_23-2149343700.jpg?_wi=1",
imageAlt: "roofing installation detail",
},
{
title: "Roof Inspections",
description: "Detailed inspections with honest guidance on what you actually need.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg",
imageAlt: "Roof inspection",
},
items: [
{
icon: Award,
text: "Photo documentation",
},
{
icon: CheckCircle,
text: "Detailed findings",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/omg-wow-portrait-emotional-surprised-young-european-service-technicians-wearing-safety-goggles-looking-full-disbelief-keeping-mouths-wide-opened-eyes-popped-out_273609-7887.jpg",
imageAlt: "roofing installation detail",
},
]}
title="Roofing Services Built Around Real Problems"
description="Clear, practical solutions for your urban property."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Roof Repair", description: "Fast diagnosis and durable repairs for leaks, storm damage, and flashing issues.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Roof repair detail" },
items: [{ icon: CheckCircle, text: "Same-day assessment" }, { icon: CheckCircle, text: "Durable materials" }],
reverse: false
},
{
title: "Flat Roof Systems", description: "Specialized flat roof repair and restoration for city rowhomes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "Flat roof restoration" },
items: [{ icon: Shield, text: "Leak prevention" }, { icon: CheckCircle, text: "Professional sealing" }],
reverse: true
},
{
title: "Roof Inspections", description: "Detailed inspections with honest guidance on what you actually need.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg", imageAlt: "Roof inspection" },
items: [{ icon: Award, text: "Photo documentation" }, { icon: CheckCircle, text: "Detailed findings" }],
reverse: false
},
]}
title="Roofing Services Built Around Real Problems"
description="Clear, practical solutions for your urban property."
/>
</div>
<div id="differentiation" data-section="differentiation">
<MetricCardFourteen
useInvertedBackground={false}
title="What Makes United Roofing Different"
tag="Our Brand Edge"
metrics={[
{
id: "m1",
value: "Fast",
description: "Quick response when you need it most.",
},
{
id: "m2",
value: "Honest",
description: "No pressure selling or unnecessary work.",
},
{
id: "m3",
value: "Clear",
description: "Detailed explanations every step of the way.",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="differentiation" data-section="differentiation">
<MetricCardFourteen
useInvertedBackground={false}
title="What Makes United Roofing Different"
tag="Our Brand Edge"
metrics={[
{ id: "m1", value: "Fast", description: "Quick response when you need it most." },
{ id: "m2", value: "Honest", description: "No pressure selling or unnecessary work." },
{ id: "m3", value: "Clear", description: "Detailed explanations every step of the way." },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="process" data-section="process">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "p1",
title: "Step 1: Inspect",
content: "We assess the issue carefully and identify what is actually happening.",
},
{
id: "p2",
title: "Step 2: Explain",
content: "We walk you through findings and options without pressure.",
},
{
id: "p3",
title: "Step 3: Execute",
content: "Our team completes the work professionally and cleanly.",
},
{
id: "p4",
title: "Step 4: Follow Through",
content: "We document results and answer your questions.",
},
]}
sideTitle="A Roofing Process That Feels Clear From Day One"
faqsAnimation="blur-reveal"
/>
</div>
<div id="process" data-section="process">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "p1", title: "Step 1: Inspect", content: "We assess the issue carefully and identify what is actually happening." },
{ id: "p2", title: "Step 2: Explain", content: "We walk you through findings and options without pressure." },
{ id: "p3", title: "Step 3: Execute", content: "Our team completes the work professionally and cleanly." },
{ id: "p4", title: "Step 4: Follow Through", content: "We document results and answer your questions." },
]}
sideTitle="A Roofing Process That Feels Clear From Day One"
faqsAnimation="blur-reveal"
/>
</div>
<div id="expertise" data-section="expertise">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Built for Flat Roofs and Rowhomes"
description="United Roofing understands how urban roofs behave, how leaks travel, and how to solve issues efficiently without overselling."
bulletPoints={[
{
title: "Urban Specialized",
description: "Expertise in DC-style rowhome architecture.",
},
{
title: "Rapid Turnaround",
description: "Efficient solutions for time-sensitive leaks.",
},
{
title: "Transparent",
description: "Honest diagnostics for peace of mind.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/lviv-from-bird-s-eye-view-city-from-lviv-view-city-from-tower-colored-roofs_1321-4656.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="expertise" data-section="expertise">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Built for Flat Roofs and Rowhomes"
description="United Roofing understands how urban roofs behave, how leaks travel, and how to solve issues efficiently without overselling."
bulletPoints={[
{ title: "Urban Specialized", description: "Expertise in DC-style rowhome architecture." },
{ title: "Rapid Turnaround", description: "Efficient solutions for time-sensitive leaks." },
{ title: "Transparent", description: "Honest diagnostics for peace of mind." },
]}
imageSrc="http://img.b2bpic.net/free-photo/lviv-from-bird-s-eye-view-city-from-lviv-view-city-from-tower-colored-roofs_1321-4656.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
date: "Oct 2023",
title: "Great Experience",
quote: "They responded the same day and explained everything clearly.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg?_wi=3",
imageAlt: "satisfied homeowner rowhouse",
},
{
id: "2",
name: "James Chen",
date: "Sep 2023",
title: "Very Professional",
quote: "They didnt try to sell me something I didnt need.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/omg-wow-portrait-emotional-surprised-young-european-service-technicians-wearing-safety-goggles-looking-full-disbelief-keeping-mouths-wide-opened-eyes-popped-out_273609-7887.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=2",
imageAlt: "satisfied homeowner rowhouse",
},
{
id: "3",
name: "Emily Davis",
date: "Aug 2023",
title: "Life Saver",
quote: "Professional, fast, honest, and easy to work with.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=2",
imageAlt: "satisfied homeowner rowhouse",
},
{
id: "4",
name: "Mark Wilson",
date: "Jul 2023",
title: "Highly Recommend",
quote: "Kept us informed and delivered exactly what they promised.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmets-working-together_23-2149343700.jpg?_wi=2",
imageAlt: "satisfied homeowner rowhouse",
},
{
id: "5",
name: "Linda Gomez",
date: "Jun 2023",
title: "Great Team",
quote: "Professional and clean work throughout the project.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg?_wi=2",
imageAlt: "satisfied homeowner rowhouse",
},
]}
title="Homeowner Stories"
description="What our customers are saying about our service."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Great Experience", quote: "They responded the same day and explained everything clearly.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "satisfied homeowner rowhouse" },
{ id: "2", name: "James Chen", date: "Sep 2023", title: "Very Professional", quote: "They didnt try to sell me something I didnt need.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/omg-wow-portrait-emotional-surprised-young-european-service-technicians-wearing-safety-goggles-looking-full-disbelief-keeping-mouths-wide-opened-eyes-popped-out_273609-7887.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "satisfied homeowner rowhouse" },
{ id: "3", name: "Emily Davis", date: "Aug 2023", title: "Life Saver", quote: "Professional, fast, honest, and easy to work with.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "satisfied homeowner rowhouse" },
{ id: "4", name: "Mark Wilson", date: "Jul 2023", title: "Highly Recommend", quote: "Kept us informed and delivered exactly what they promised.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg", imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmets-working-together_23-2149343700.jpg", imageAlt: "satisfied homeowner rowhouse" },
{ id: "5", name: "Linda Gomez", date: "Jun 2023", title: "Great Team", quote: "Professional and clean work throughout the project.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg", imageAlt: "satisfied homeowner rowhouse" },
]}
title="Homeowner Stories"
description="What our customers are saying about our service."
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Team Built on Honesty and Care"
description="United Roofing is the kind of company homeowners call when they want straightforward answers. We show up fast, explain clearly, and treat every project with professionalism."
bulletPoints={[
{
title: "Honest Guidance",
description: "We put your needs first.",
},
{
title: "Professional Team",
description: "Qualified, tidy, and reliable.",
},
{
title: "Peace of Mind",
description: "Handled properly, every time.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Team Built on Honesty and Care"
description="United Roofing is the kind of company homeowners call when they want straightforward answers. We show up fast, explain clearly, and treat every project with professionalism."
bulletPoints={[
{ title: "Honest Guidance", description: "We put your needs first." },
{ title: "Professional Team", description: "Qualified, tidy, and reliable." },
{ title: "Peace of Mind", description: "Handled properly, every time." },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
text="Need Roofing Help Without the Runaround? Schedule a free inspection and get honest guidance, fast communication, and peace of mind."
buttons={[
{
text: "Book Free Inspection",
href: "#",
},
{
text: "Call United Roofing",
href: "tel:5550101",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-animated" }}
text="Need Roofing Help Without the Runaround? Schedule a free inspection and get honest guidance, fast communication, and peace of mind."
buttons={[
{ text: "Book Free Inspection", href: "#" },
{ text: "Call United Roofing", href: "tel:5550101" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="United Roofing"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 United Roofing",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="United Roofing"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 United Roofing", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);