Merge version_1 into main #2
380
src/app/page.tsx
380
src/app/page.tsx
@@ -25,271 +25,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Arlington Roofing Company"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="Arlington Roofing Company"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Arlington Roofing Company"
|
||||
description="Arlington’s trusted roofing specialists delivering honest inspections, expert craftsmanship, and long-term protection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call (703) 524-3044",
|
||||
href: "tel:7035243044",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=1",
|
||||
imageAlt: "Premium Residential Roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=2",
|
||||
imageAlt: "Premium Residential Roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=3",
|
||||
imageAlt: "Premium Residential Roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=4",
|
||||
imageAlt: "Premium Residential Roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=5",
|
||||
imageAlt: "Premium Residential Roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=6",
|
||||
imageAlt: "Premium Residential Roofing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Arlington Roofing Company"
|
||||
description="Arlington’s trusted roofing specialists delivering honest inspections, expert craftsmanship, and long-term protection."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call (703) 524-3044", href: "tel:7035243044" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Premium Residential Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Premium Residential Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Premium Residential Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Premium Residential Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Premium Residential Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Premium Residential Roofing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Targeted solutions to fix leaks and damage without unnecessary full replacements.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=1",
|
||||
imageAlt: "Roof Repair Service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=2",
|
||||
imageAlt: "Roof Repair Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=7",
|
||||
imageAlt: "luxury roof exterior residential",
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "End-to-end management of full roof replacements using durable, high-quality materials.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=1",
|
||||
imageAlt: "Roof Replacement Service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=2",
|
||||
imageAlt: "Roof Replacement Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=3",
|
||||
imageAlt: "roof repair service residential",
|
||||
},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Thorough, honest assessments to help you understand the true condition of your roof.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg?_wi=1",
|
||||
imageAlt: "Roof Inspection",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg?_wi=2",
|
||||
imageAlt: "Roof Inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=3",
|
||||
imageAlt: "full roof replacement installation",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Roofing Services"
|
||||
description="High-quality roofing solutions backed by honest recommendations and expert workmanship."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="Roofing Services"
|
||||
description="High-quality roofing solutions backed by honest recommendations and expert workmanship."
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair", description: "Targeted solutions to fix leaks and damage without unnecessary full replacements.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "Roof Repair Service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "Roof Repair Service" },
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement", description: "End-to-end management of full roof replacements using durable, high-quality materials.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "Roof Replacement Service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "Roof Replacement Service" },
|
||||
},
|
||||
{
|
||||
title: "Inspections", description: "Thorough, honest assessments to help you understand the true condition of your roof.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg", imageAlt: "Roof Inspection" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg", imageAlt: "Roof Inspection" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Built on Trust, Not Sales Pressure"
|
||||
description="Arlington Roofing Company is known for doing what most contractors won’t: telling you the truth. Whether it’s a simple repair or a full replacement, our team gives you the best option for your home—not our bottom line."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "No Upselling",
|
||||
description: "We only recommend what you truly need.",
|
||||
},
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Highly trained specialists with years of experience.",
|
||||
},
|
||||
{
|
||||
title: "Honest Communication",
|
||||
description: "Transparent processes and clear pricing every time.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-with-drafts_23-2147785484.jpg"
|
||||
imageAlt="Our Trusted Team"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Built on Trust, Not Sales Pressure"
|
||||
description="Arlington Roofing Company is known for doing what most contractors won’t: telling you the truth. Whether it’s a simple repair or a full replacement, our team gives you the best option for your home—not our bottom line."
|
||||
bulletPoints={[
|
||||
{ title: "No Upselling", description: "We only recommend what you truly need." },
|
||||
{ title: "Expert Craftsmanship", description: "Highly trained specialists with years of experience." },
|
||||
{ title: "Honest Communication", description: "Transparent processes and clear pricing every time." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-with-drafts_23-2147785484.jpg"
|
||||
imageAlt="Our Trusted Team"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Arlington",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-medium-shot_23-2148329361.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Homeowner",
|
||||
company: "Arlington",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Arlington",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598987.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Arlington",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Janet L.",
|
||||
role: "Homeowner",
|
||||
company: "Arlington",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparent Service",
|
||||
},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Join local homeowners who trust us for their roofing needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Homeowners Say"
|
||||
description="Join local homeowners who trust us for their roofing needs."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Arlington", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-medium-shot_23-2148329361.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Homeowner", company: "Arlington", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Arlington", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598987.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Homeowner", company: "Arlington", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg" },
|
||||
{ id: "5", name: "Janet L.", role: "Homeowner", company: "Arlington", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "5.0", label: "Customer Rating" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Transparent Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="FREE ESTIMATE"
|
||||
title="Get a Roof You Don’t Have to Worry About"
|
||||
description="Schedule your free inspection today. No pressure. Just real answers."
|
||||
buttonText="Book Free Inspection"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="FREE ESTIMATE"
|
||||
title="Get a Roof You Don’t Have to Worry About"
|
||||
description="Schedule your free inspection today. No pressure. Just real answers."
|
||||
buttonText="Book Free Inspection"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "1550 Wilson Blvd #700",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Arlington, VA",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(703) 524-3044",
|
||||
href: "tel:7035243044",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Roof Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Inspections",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Arlington Roofing Company"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "1550 Wilson Blvd #700", href: "#" },
|
||||
{ label: "Arlington, VA", href: "#" },
|
||||
{ label: "(703) 524-3044", href: "tel:7035243044" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Roof Repair", href: "#services" },
|
||||
{ label: "Roof Replacement", href: "#services" },
|
||||
{ label: "Inspections", href: "#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Arlington Roofing Company"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user