Merge version_2 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Roofing Co"
|
||||
/>
|
||||
@@ -56,37 +48,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Roofing Done The Right Way."
|
||||
description="Premium roof replacement, repairs and storm restoration built on craftsmanship, rapid service and white-glove communication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idea-simple-wallpaper-your-desktop-varied-pattern-track-made-multicolored-rectangular-brick-tiles-abstract-background-from-old-brick-ceramic-cobblestone-top-view_166373-2667.jpg",
|
||||
imageAlt: "Luxury roofing replacement project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idea-simple-wallpaper-your-desktop-varied-pattern-track-made-multicolored-rectangular-brick-tiles-abstract-background-from-old-brick-ceramic-cobblestone-top-view_166373-2667.jpg", imageAlt: "Luxury roofing replacement project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
|
||||
imageAlt: "Professional roof repair service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg", imageAlt: "Professional roof repair service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-large-windows_23-2148252828.jpg",
|
||||
imageAlt: "New roof installation site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-large-windows_23-2148252828.jpg", imageAlt: "New roof installation site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg",
|
||||
imageAlt: "Quality residential roofing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg", imageAlt: "Quality residential roofing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
|
||||
imageAlt: "Expert storm restoration work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", imageAlt: "Expert storm restoration work"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -97,14 +76,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"HomeAdvisor Top Rated",
|
||||
"GAF Master Elite",
|
||||
"BBB A+ Accredited",
|
||||
"CertainTeed Certified",
|
||||
"Owens Corning Pro",
|
||||
"Angi Super Service",
|
||||
"Licensed & Insured",
|
||||
]}
|
||||
"HomeAdvisor Top Rated", "GAF Master Elite", "BBB A+ Accredited", "CertainTeed Certified", "Owens Corning Pro", "Angi Super Service", "Licensed & Insured"]}
|
||||
title="Trusted Local Partner"
|
||||
description="Providing industry-leading roofing solutions to homeowners and businesses throughout the region."
|
||||
/>
|
||||
@@ -117,40 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Residential Roofing",
|
||||
subtitle: "Luxury roof replacements and restoration",
|
||||
category: "Services",
|
||||
value: "Reliable",
|
||||
},
|
||||
id: "f1", title: "Residential Roofing", subtitle: "Luxury roof replacements and restoration", category: "Services", value: "Reliable"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Commercial Roofing",
|
||||
subtitle: "Flat roofing and leak prevention",
|
||||
category: "Services",
|
||||
value: "Scalable",
|
||||
},
|
||||
id: "f2", title: "Commercial Roofing", subtitle: "Flat roofing and leak prevention", category: "Services", value: "Scalable"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Emergency Repair",
|
||||
subtitle: "24/7 storm damage and leak repair",
|
||||
category: "Urgent",
|
||||
value: "Rapid",
|
||||
},
|
||||
id: "f3", title: "Emergency Repair", subtitle: "24/7 storm damage and leak repair", category: "Urgent", value: "Rapid"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Insurance Support",
|
||||
subtitle: "Full documentation and inspection help",
|
||||
category: "Support",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "f4", title: "Insurance Support", subtitle: "Full documentation and inspection help", category: "Support", value: "Expert"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Preventative Maintenance",
|
||||
subtitle: "Seasonal inspections and cleaning",
|
||||
category: "Care",
|
||||
value: "Proactive",
|
||||
},
|
||||
id: "f5", title: "Preventative Maintenance", subtitle: "Seasonal inspections and cleaning", category: "Care", value: "Proactive"},
|
||||
]}
|
||||
title="Built To Last"
|
||||
description="We combine modern technology with old-school craftsmanship to provide roofing systems that stand the test of time."
|
||||
@@ -178,29 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
title: "Google Rating",
|
||||
description: "Average across 146+ customer reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
imageAlt: "luxury roof repair services",
|
||||
},
|
||||
id: "m1", value: "4.9", title: "Google Rating", description: "Average across 146+ customer reviews", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "luxury roof repair services"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Dedicated to client happiness on every project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
imageAlt: "professional roofing installation team",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Satisfaction", description: "Dedicated to client happiness on every project", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "professional roofing installation team"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24hr",
|
||||
title: "Response Time",
|
||||
description: "Rapid turnaround for emergency roof repairs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
|
||||
imageAlt: "new roof residential construction",
|
||||
},
|
||||
id: "m3", value: "24hr", title: "Response Time", description: "Rapid turnaround for emergency roof repairs", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg", imageAlt: "new roof residential construction"},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Numbers that back our promise of quality and customer satisfaction."
|
||||
@@ -214,40 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Steve L.",
|
||||
handle: "@steve",
|
||||
testimonial: "Estimate Wednesday. Roof repaired Thursday morning. Fast, professional, flawless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "1", name: "Steve L.", handle: "@steve", testimonial: "Estimate Wednesday. Roof repaired Thursday morning. Fast, professional, flawless.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kalah M.",
|
||||
handle: "@kalah",
|
||||
testimonial: "Communication was phenomenal. They kept us updated and the cleanup was spotless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
},
|
||||
id: "2", name: "Kalah M.", handle: "@kalah", testimonial: "Communication was phenomenal. They kept us updated and the cleanup was spotless.", imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anthony A.",
|
||||
handle: "@anthony",
|
||||
testimonial: "Quick response, fair pricing, no upselling. I’d call them again in a heartbeat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123716.jpg",
|
||||
},
|
||||
id: "3", name: "Anthony A.", handle: "@anthony", testimonial: "Quick response, fair pricing, no upselling. I’d call them again in a heartbeat.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123716.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "The best experience I have ever had with a contractor. Truly reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah J.", handle: "@sarah", testimonial: "The best experience I have ever had with a contractor. Truly reliable.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David R.",
|
||||
handle: "@david",
|
||||
testimonial: "Fair, fast, and the quality is unmatched. A top-tier local company.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
|
||||
},
|
||||
id: "5", name: "David R.", handle: "@david", testimonial: "Fair, fast, and the quality is unmatched. A top-tier local company.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Join hundreds of satisfied clients who trust us with their biggest investments."
|
||||
@@ -260,30 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide free inspections?",
|
||||
content: "Yes, we offer complimentary, no-obligation roof inspections for all homeowners.",
|
||||
},
|
||||
id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, no-obligation roof inspections for all homeowners."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most residential replacements are completed within 1-2 days depending on the size and scope.",
|
||||
},
|
||||
id: "q2", title: "How long does a roof replacement take?", content: "Most residential replacements are completed within 1-2 days depending on the size and scope."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind.",
|
||||
},
|
||||
id: "q3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you help with insurance claims?",
|
||||
content: "Yes, we specialize in assisting with insurance documentation and inspections from start to finish.",
|
||||
},
|
||||
id: "q4", title: "Do you help with insurance claims?", content: "Yes, we specialize in assisting with insurance documentation and inspections from start to finish."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "What kind of materials do you use?",
|
||||
content: "We use industry-leading asphalt shingles, metal roofing, and slate options from top brands.",
|
||||
},
|
||||
id: "q5", title: "What kind of materials do you use?", content: "We use industry-leading asphalt shingles, metal roofing, and slate options from top brands."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our roofing process? We've got answers."
|
||||
@@ -295,14 +184,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
text="Ready to secure your home? Get your free roofing estimate today and work with the best team in the industry."
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
text="Ready to secure your home? Get your free roofing estimate today and work with the best team in the industry. Call us at +17029034225."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Inspection", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,59 +197,37 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Replacement", href: "#services"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Commercial", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -374,4 +238,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user