bender/71e1eb75-87cd-4ba1-8ac9-bf3174dfe41b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-26 06:18:26 +00:00
parent 49c3c01e41
commit 093bf20df8
1 changed files with 40 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/app/page.tsx
View File

@@ -30,29 +30,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="All Seasons Roofing"
/>
@@ -61,45 +49,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
title="All Seasons Roofing: Your Trusted Roofing Partner in Flagstaff, AZ"
description="Delivering beautiful, durable roofs with experienced professionals. We stand by our quality, ensuring peace of mind for every season."
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "Explore Our Services",
href: "#services",
},
text: "Explore Our Services", href: "#services"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg",
imageAlt: "Modern house with a new grey roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg", imageAlt: "Modern house with a new grey roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
imageAlt: "Roofer working on a residential house",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", imageAlt: "Roofer working on a residential house"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-large-building-resembling-castle_181624-23006.jpg",
imageAlt: "Beautiful home with a red tile roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-large-building-resembling-castle_181624-23006.jpg", imageAlt: "Beautiful home with a red tile roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-young-student-outdoors-holding-yellow-leaves_1163-2528.jpg",
imageAlt: "Flagstaff Arizona landscape with houses and new roofs",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-young-student-outdoors-holding-yellow-leaves_1163-2528.jpg", imageAlt: "Flagstaff Arizona landscape with houses and new roofs"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=1",
imageAlt: "Commercial building with a flat roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=1", imageAlt: "Commercial building with a flat roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg",
imageAlt: "Close-up of a storm damaged roof being repaired",
},
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "Close-up of a storm damaged roof being repaired"},
]}
/>
</div>
@@ -121,32 +92,16 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "New Roof Installation",
description: "Durable, weather-resistant roofs for new constructions and complete replacements, tailored to your home's style and needs.",
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=2",
imageAlt: "Worker installing new asphalt shingles on a roof",
},
title: "New Roof Installation", description: "Durable, weather-resistant roofs for new constructions and complete replacements, tailored to your home's style and needs.", imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-training_23-2147821254.jpg?_wi=2", imageAlt: "Worker installing new asphalt shingles on a roof"},
{
id: 2,
title: "Roof Repair & Maintenance",
description: "Expert diagnosis and efficient repair of leaks, storm damage, and general wear and tear to extend your roof's lifespan.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg",
imageAlt: "Roofer fixing a damaged shingle on a residential roof",
},
title: "Roof Repair & Maintenance", description: "Expert diagnosis and efficient repair of leaks, storm damage, and general wear and tear to extend your roof's lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg", imageAlt: "Roofer fixing a damaged shingle on a residential roof"},
{
id: 3,
title: "Damaged Wood Replacement",
description: "Thorough inspection and replacement of damaged underlying wood (sheathing, fascia, soffit) to ensure structural integrity.",
imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg",
imageAlt: "Carpenter replacing damaged wood on a roof structure",
},
title: "Damaged Wood Replacement", description: "Thorough inspection and replacement of damaged underlying wood (sheathing, fascia, soffit) to ensure structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg", imageAlt: "Carpenter replacing damaged wood on a roof structure"},
{
id: 4,
title: "Residential & Commercial",
description: "Providing top-quality roofing services for both residential homes and commercial properties, ensuring tailored solutions for every client.",
imageSrc: "http://img.b2bpic.net/free-vector/housing-collection_23-2147913604.jpg",
imageAlt: "Residential and commercial buildings with different roofing",
},
title: "Residential & Commercial", description: "Providing top-quality roofing services for both residential homes and commercial properties, ensuring tailored solutions for every client.", imageSrc: "http://img.b2bpic.net/free-vector/housing-collection_23-2147913604.jpg", imageAlt: "Residential and commercial buildings with different roofing"},
]}
title="Comprehensive Roofing Solutions"
description="From new installations to essential repairs, we cover all your roofing needs with precision and care."
@@ -160,37 +115,13 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Homeowner, Flagstaff",
testimonial: "All Seasons Roofing did a beautiful job on our new roof. The team was professional, efficient, and left everything spotless. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
imageAlt: "Portrait of Sarah J.",
},
id: "1", name: "Sarah J.", role: "Homeowner, Flagstaff", testimonial: "All Seasons Roofing did a beautiful job on our new roof. The team was professional, efficient, and left everything spotless. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg", imageAlt: "Portrait of Sarah J."},
{
id: "2",
name: "Mark D.",
role: "Property Manager",
testimonial: "The best roofing company we've worked with in Flagstaff. Their expertise and attention to detail are unmatched, truly a great experience.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg",
imageAlt: "Portrait of Mark D.",
},
id: "2", name: "Mark D.", role: "Property Manager", testimonial: "The best roofing company we've worked with in Flagstaff. Their expertise and attention to detail are unmatched, truly a great experience.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg", imageAlt: "Portrait of Mark D."},
{
id: "3",
name: "Emily R.",
role: "Small Business Owner",
testimonial: "Great to work with All Seasons Roofing. They handled our commercial property's roof repair quickly and professionally. Excellent communication throughout the process.",
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-female-executive-wearing-red-jacket-while-sitting-outside-workplace_662251-2084.jpg",
imageAlt: "Portrait of Emily R.",
},
id: "3", name: "Emily R.", role: "Small Business Owner", testimonial: "Great to work with All Seasons Roofing. They handled our commercial property's roof repair quickly and professionally. Excellent communication throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-female-executive-wearing-red-jacket-while-sitting-outside-workplace_662251-2084.jpg", imageAlt: "Portrait of Emily R."},
{
id: "4",
name: "David L.",
role: "Resident, Flagstaff",
testimonial: "Their experienced pros delivered a quality roof that we know will last. They truly care about their craft and their customers.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg",
imageAlt: "Portrait of David L.",
},
id: "4", name: "David L.", role: "Resident, Flagstaff", testimonial: "Their experienced pros delivered a quality roof that we know will last. They truly care about their craft and their customers.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg", imageAlt: "Portrait of David L."},
]}
title="What Our Customers Say"
description="Hear from our happy clients about their experience with All Seasons Roofing, reflecting our commitment to excellence."
@@ -203,25 +134,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How often should I inspect my roof?",
content: "We recommend a professional roof inspection at least once a year, ideally in the spring or fall, and especially after any major storms to catch potential issues early.",
},
id: "1", title: "How often should I inspect my roof?", content: "We recommend a professional roof inspection at least once a year, ideally in the spring or fall, and especially after any major storms to catch potential issues early."},
{
id: "2",
title: "Do you offer free estimates?",
content: "Yes, All Seasons Roofing provides comprehensive and no-obligation free estimates for all our services. We'll assess your roofing needs and provide a detailed quote.",
},
id: "2", title: "Do you offer free estimates?", content: "Yes, All Seasons Roofing provides comprehensive and no-obligation free estimates for all our services. We'll assess your roofing needs and provide a detailed quote."},
{
id: "3",
title: "Are you licensed and insured?",
content: "Absolutely. All Seasons Roofing is fully licensed and insured in Flagstaff, AZ, ensuring peace of mind and protection for our clients and our team.",
},
id: "3", title: "Are you licensed and insured?", content: "Absolutely. All Seasons Roofing is fully licensed and insured in Flagstaff, AZ, ensuring peace of mind and protection for our clients and our team."},
{
id: "4",
title: "Do you replace damaged wood under the roof?",
content: "Yes, during our roof inspection and replacement process, we thoroughly check for any damaged or rotten wood (sheathing, fascia, soffit) and replace it to ensure a strong, sound roof structure.",
},
id: "4", title: "Do you replace damaged wood under the roof?", content: "Yes, during our roof inspection and replacement process, we thoroughly check for any damaged or rotten wood (sheathing, fascia, soffit) and replace it to ensure a strong, sound roof structure."},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-architect-holding-blueprints_23-2148269834.jpg"
imageAlt="Roofer showing a roof plan blueprint to a client"
@@ -239,27 +158,16 @@ export default function LandingPage() {
description="Ready for a beautiful, durable roof in Flagstaff, AZ? Contact us for a detailed consultation and no-obligation estimate."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your roofing needs...",
rows: 5,
name: "message", placeholder: "Tell us about your roofing needs...", rows: 5,
}}
imageSrc="http://img.b2bpic.net/free-photo/empty-examination-cabinet-medical-checkup-facility_482257-30451.jpg"
imageAlt="Modern office building exterior or reception area"
@@ -274,45 +182,29 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
],
},
{
items: [
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -322,4 +214,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}