Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b73e97300c | |||
| 2c49ad2b51 | |||
| 191733cd55 | |||
| 2dbb21299d | |||
| bdda9dc802 |
262
src/app/page.tsx
262
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,63 +76,49 @@ 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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="services" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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: "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: "f5",
|
||||
title: "Preventative Maintenance",
|
||||
subtitle: "Seasonal inspections and cleaning",
|
||||
category: "Care",
|
||||
value: "Proactive",
|
||||
},
|
||||
{ id: "s1", title: "Roof installation", subtitle: "Professional installation services", category: "Services", value: "New Construction" },
|
||||
{ id: "s2", title: "Roof repair", subtitle: "Quick and reliable fixes", category: "Services", value: "Maintenance" },
|
||||
{ id: "s3", title: "Skylight installation", subtitle: "Quality daylighting solutions", category: "Services", value: "Installation" },
|
||||
{ id: "s4", title: "Roof repair for storm & wind damage", subtitle: "Restoring home security", category: "Urgent", value: "Emergency" },
|
||||
{ id: "s5", title: "Broken tile replace", subtitle: "Detail-oriented repairs", category: "Services", value: "Maintenance" },
|
||||
{ id: "s6", title: "Shingle roof repair", subtitle: "Comprehensive shingle services", category: "Services", value: "Repair" },
|
||||
{ id: "s7", title: "shingle roof", subtitle: "High-quality shingle installations", category: "Services", value: "Installation" },
|
||||
{ id: "s8", title: "Tile Roof", subtitle: "Durable tile solutions", category: "Services", value: "Installation" },
|
||||
{ id: "s9", title: "A New Roof", subtitle: "Total roof overhaul", category: "Services", value: "Replacement" },
|
||||
{ id: "s10", title: "Asphalt Shingles", subtitle: "Industry standard asphalt protection", category: "Services", value: "Material" },
|
||||
{ id: "s11", title: "Complete Roof Replacement", subtitle: "Full system restoration", category: "Services", value: "Replacement" },
|
||||
{ id: "s12", title: "Comprehensive Services", subtitle: "Full-scale roofing support", category: "Services", value: "Full-Service" },
|
||||
{ id: "s13", title: "Copper Roof", subtitle: "Premium custom metalwork", category: "Services", value: "Specialty" },
|
||||
{ id: "s14", title: "Exterior Home Improvement", subtitle: "Enhancing your home exterior", category: "Services", value: "General" },
|
||||
{ id: "s15", title: "Flat Roof", subtitle: "Expert flat roof maintenance", category: "Services", value: "Commercial" },
|
||||
{ id: "s16", title: "Free Estimate", subtitle: "No obligation assessment", category: "Support", value: "Consulting" },
|
||||
{ id: "s17", title: "Home Roof Replacements", subtitle: "Customized residential solutions", category: "Services", value: "Replacement" },
|
||||
{ id: "s18", title: "House Service", subtitle: "Dedicated maintenance plans", category: "Services", value: "Care" },
|
||||
{ id: "s19", title: "Local Roofing", subtitle: "Serving your community with care", category: "Services", value: "Local" },
|
||||
{ id: "s20", title: "Residential Or Commercial", subtitle: "Versatile roofing expertise", category: "Services", value: "Full-Service" },
|
||||
{ id: "s21", title: "Residential Roofing Services", subtitle: "Protecting your sanctuary", category: "Services", value: "Residential" },
|
||||
{ id: "s22", title: "Roof Damage", subtitle: "Rapid evaluation and repair", category: "Urgent", value: "Emergency" },
|
||||
{ id: "s23", title: "Roof Maintenance", subtitle: "Preventative seasonal care", category: "Services", value: "Care" },
|
||||
{ id: "s24", title: "Roof Repairs", subtitle: "Expert troubleshooting", category: "Services", value: "Repair" },
|
||||
{ id: "s25", title: "Roofing & Construction", subtitle: "Professional build expertise", category: "Services", value: "Construction" },
|
||||
{ id: "s26", title: "Roofing Installation", subtitle: "Precision roof fitting", category: "Services", value: "Installation" },
|
||||
{ id: "s27", title: "Roofing Project", subtitle: "Managed end-to-end", category: "Services", value: "Project" },
|
||||
{ id: "s28", title: "Roofing Solutions", subtitle: "Tailored professional advice", category: "Services", value: "Solutions" }
|
||||
]}
|
||||
title="Built To Last"
|
||||
description="We combine modern technology with old-school craftsmanship to provide roofing systems that stand the test of time."
|
||||
title="Comprehensive Roofing Services"
|
||||
description="From emergency repairs to total roof replacements, we deliver excellence for every project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,29 +143,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 +161,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 +182,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 +202,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Inspection", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,59 +215,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 +256,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user