Merge version_2 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DC Roof Repair"
|
||||
/>
|
||||
@@ -53,103 +45,58 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Washington, DC Roofing Done Right — Clean, Fast, Built to Last"
|
||||
description="From urgent leak repairs to full roof replacement, DC Roof Repair Company delivers professional craftsmanship, honest pricing, and a spotless finish. When roofing problems strike, you need a team that responds quickly, communicates clearly, and leaves your home looking better than before."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah-m",
|
||||
testimonial: "Exceptional service! They fixed my leak within 24 hours and were so professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah-m", testimonial: "Exceptional service! They fixed my leak within 24 hours and were so professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
|
||||
{
|
||||
name: "James Wilson",
|
||||
handle: "@james-w",
|
||||
testimonial: "The crew was immaculate. No mess left behind, just a perfect roof.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
},
|
||||
name: "James Wilson", handle: "@james-w", testimonial: "The crew was immaculate. No mess left behind, just a perfect roof.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg"},
|
||||
{
|
||||
name: "Linda Chen",
|
||||
handle: "@linda-c",
|
||||
testimonial: "Transparent pricing and clear communication throughout the whole process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg",
|
||||
},
|
||||
name: "Linda Chen", handle: "@linda-c", testimonial: "Transparent pricing and clear communication throughout the whole process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg"},
|
||||
{
|
||||
name: "Mark Evans",
|
||||
handle: "@mark-e",
|
||||
testimonial: "Fast, honest, and high-quality craftsmanship. Highly recommended for DC homeowners.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-gesturing-thumbs-up_329181-2840.jpg",
|
||||
},
|
||||
name: "Mark Evans", handle: "@mark-e", testimonial: "Fast, honest, and high-quality craftsmanship. Highly recommended for DC homeowners.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-gesturing-thumbs-up_329181-2840.jpg"},
|
||||
{
|
||||
name: "Emily Davis",
|
||||
handle: "@emily-d",
|
||||
testimonial: "They respected my property and finished the job ahead of schedule.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg",
|
||||
},
|
||||
name: "Emily Davis", handle: "@emily-d", testimonial: "They respected my property and finished the job ahead of schedule.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Roof Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Roof Inspection", href: "#contact"},
|
||||
{
|
||||
text: "Call Now for Immediate Help",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now for Immediate Help", href: "tel:5550123456"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=1"
|
||||
imageAlt="Professional roof repair crew on a Washington DC home"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", alt: "Sarah Miller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
alt: "James Wilson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "James Wilson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg",
|
||||
alt: "Linda Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg", alt: "Linda Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-gesturing-thumbs-up_329181-2840.jpg",
|
||||
alt: "Mark Evans",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-gesturing-thumbs-up_329181-2840.jpg", alt: "Mark Evans"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg",
|
||||
alt: "Emily Davis",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg", alt: "Emily Davis"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ DC homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Repairs",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Consultations",
|
||||
},
|
||||
type: "text", text: "Free Consultations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local DC Experts",
|
||||
},
|
||||
type: "text", text: "Local DC Experts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,9 +107,7 @@ export default function LandingPage() {
|
||||
title="Built on Trust, Crafted for Longevity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More About Us", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,61 +119,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Urgent Leak Repairs",
|
||||
description: "Rapid response to prevent water damage in your home.",
|
||||
tag: "Emergency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg",
|
||||
},
|
||||
id: "s1", title: "Urgent Leak Repairs", description: "Rapid response to prevent water damage in your home.", tag: "Emergency", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Roof Replacements",
|
||||
description: "Long-term solutions with premium quality materials.",
|
||||
tag: "Full Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
},
|
||||
id: "s2", title: "Roof Replacements", description: "Long-term solutions with premium quality materials.", tag: "Full Service", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Inspections & Maintenance",
|
||||
description: "Preventive checks to extend the life of your roof.",
|
||||
tag: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
},
|
||||
id: "s3", title: "Inspections & Maintenance", description: "Preventive checks to extend the life of your roof.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Storm Damage Repair",
|
||||
description: "Efficient restoration after severe Washington DC weather.",
|
||||
tag: "Restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=2",
|
||||
},
|
||||
id: "s4", title: "Storm Damage Repair", description: "Efficient restoration after severe Washington DC weather.", tag: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=2"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Gutter Maintenance",
|
||||
description: "Ensure proper drainage to protect your foundation.",
|
||||
tag: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
},
|
||||
id: "s5", title: "Gutter Maintenance", description: "Ensure proper drainage to protect your foundation.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/professional-roofer-safety-gear-boots_23-2149343689.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Metal Roofing",
|
||||
description: "Durable and aesthetic options for any home.",
|
||||
tag: "Upgrades",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
},
|
||||
id: "s6", title: "Metal Roofing", description: "Durable and aesthetic options for any home.", tag: "Upgrades", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
id: "s7",
|
||||
title: "Flashing Repair",
|
||||
description: "Prevent leaks at critical roof intersections.",
|
||||
tag: "Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343643.jpg",
|
||||
},
|
||||
id: "s7", title: "Flashing Repair", description: "Prevent leaks at critical roof intersections.", tag: "Detail", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343643.jpg"},
|
||||
{
|
||||
id: "s8",
|
||||
title: "Ventilation Systems",
|
||||
description: "Optimize airflow for better attic performance.",
|
||||
tag: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
|
||||
},
|
||||
id: "s8", title: "Ventilation Systems", description: "Optimize airflow for better attic performance.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg"},
|
||||
]}
|
||||
title="Our Professional Roofing Services"
|
||||
description="We offer a comprehensive suite of roofing services tailored to the needs of Washington, DC homeowners."
|
||||
@@ -241,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How quickly can you respond to a roof leak?",
|
||||
content: "We offer 24-hour emergency availability and aim to respond to urgent leak repairs as quickly as possible, typically the same day.",
|
||||
},
|
||||
id: "q1", title: "How quickly can you respond to a roof leak?", content: "We offer 24-hour emergency availability and aim to respond to urgent leak repairs as quickly as possible, typically the same day."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide free inspections?",
|
||||
content: "Yes, we provide completely free roof inspections to all Washington, DC homeowners.",
|
||||
},
|
||||
id: "q2", title: "Do you provide free inspections?", content: "Yes, we provide completely free roof inspections to all Washington, DC homeowners."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your crews insured?",
|
||||
content: "Yes, we are fully licensed and insured, ensuring your property is protected at all times.",
|
||||
},
|
||||
id: "q3", title: "Are your crews insured?", content: "Yes, we are fully licensed and insured, ensuring your property is protected at all times."},
|
||||
]}
|
||||
title="Common Roofing Questions"
|
||||
description="Everything you need to know about our services and process."
|
||||
@@ -266,8 +162,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Roof Inspection"
|
||||
description="Ready to protect your home? Reach out to our professional team today for a fast response."
|
||||
@@ -281,29 +176,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user