bender/2b435c78-154a-45d9-b414-f6dd542fa054
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-05-27 23:17:47 +00:00
parent d0d2559873
commit f7163c39a0
1 changed files with 58 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ 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: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Financing",
id: "#financing",
},
name: "Financing", id: "#financing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Weather Tight Roofing Solutions"
/>
@@ -67,19 +53,14 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Home, Protected. Weather Tight Roofing Solutions."
description="Local experts in roof replacement, repairs, and seamless insurance claim assistance. Get a free estimate today!"
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/landscape-with-colorful-rainbow-appearing-sky_23-2151521450.jpg"
imageAlt="Modern house with a new roof under a clear sky"
@@ -95,17 +76,11 @@ export default function LandingPage() {
description="For years, homeowners have relied on Weather Tight for dependable roofing solutions. We combine top-tier materials with expert craftsmanship, ensuring every roof is built to last. Our commitment to excellence means a smooth, professional process from start to finish."
bulletPoints={[
{
title: "Local Expertise",
description: "Deep understanding of local weather patterns and building codes, ensuring compliant and durable solutions.",
},
title: "Local Expertise", description: "Deep understanding of local weather patterns and building codes, ensuring compliant and durable solutions."},
{
title: "Quality Materials",
description: "We use only the best, most reliable materials for lasting durability and superior protection against the elements.",
},
title: "Quality Materials", description: "We use only the best, most reliable materials for lasting durability and superior protection against the elements."},
{
title: "Exceptional Service",
description: "Experience friendly, professional, and transparent service, with clear communication on every project.",
},
title: "Exceptional Service", description: "Experience friendly, professional, and transparent service, with clear communication on every project."},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg"
imageAlt="Roofing team discussing a project plan on site"
@@ -120,19 +95,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Leaky Roofs",
"Storm Damage",
"Insurance Headaches",
"Unreliable Contractors",
],
"Leaky Roofs", "Storm Damage", "Insurance Headaches", "Unreliable Contractors"],
}}
positiveCard={{
items: [
"Durable Roofs",
"Expert Repairs",
"Smooth Claims",
"Trusted Professionals",
],
"Durable Roofs", "Expert Repairs", "Smooth Claims", "Trusted Professionals"],
}}
title="Seamless Roofing & Stress-Free Claims"
description="From emergency repairs to full replacements, we handle every aspect of your roofing needs. Our specialists, like Tony, guide you through complex insurance claims with ease, ensuring you get the coverage you deserve without the hassle."
@@ -144,49 +111,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
name: "Modern Roof Transformation",
price: "Project Completed",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
imageAlt: "Before and after image of a modern house roof transformation",
},
id: "p1", name: "Modern Roof Transformation", price: "Project Completed", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Before and after image of a modern house roof transformation"},
{
id: "p2",
name: "Storm Damage Restoration",
price: "Project Completed",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
imageAlt: "Before and after image of storm damage roof repair",
},
id: "p2", name: "Storm Damage Restoration", price: "Project Completed", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "Before and after image of storm damage roof repair"},
{
id: "p3",
name: "Classic Home Roof Upgrade",
price: "Project Completed",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
imageAlt: "Before and after image of a classic home roof upgrade",
},
id: "p3", name: "Classic Home Roof Upgrade", price: "Project Completed", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "Before and after image of a classic home roof upgrade"},
{
id: "p4",
name: "Townhouse Roof Replacement",
price: "Project Completed",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
imageAlt: "Before and after image of a townhouse roof replacement",
},
id: "p4", name: "Townhouse Roof Replacement", price: "Project Completed", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Before and after image of a townhouse roof replacement"},
{
id: "p5",
name: "Suburban Residence Re-roof",
price: "Project Completed",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
imageAlt: "Before and after image of a suburban residence re-roofing",
},
id: "p5", name: "Suburban Residence Re-roof", price: "Project Completed", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Before and after image of a suburban residence re-roofing"},
{
id: "p6",
name: "Historic Home Roof Refurbishment",
price: "Project Completed",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg",
imageAlt: "Before and after image of a historic home roof refurbishment",
},
id: "p6", name: "Historic Home Roof Refurbishment", price: "Project Completed", imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg", imageAlt: "Before and after image of a historic home roof refurbishment"},
]}
title="Our Work in Detail: Before & After"
description="See the dramatic transformations we've brought to homes across the community. Our commitment to quality and attention to detail shines through in every completed project, ensuring your roof is not just fixed, but perfected."
@@ -200,58 +138,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "estimate",
tag: "Start Here",
price: "Free",
period: "Estimate",
description: "Get a comprehensive assessment of your roofing needs without any cost or obligation.",
button: {
text: "Request Free Estimate",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Detailed Roof Inspection",
"Personalized Report",
"No-Obligation Consultation",
"Transparent Cost Breakdown",
],
id: "estimate", tag: "Start Here", price: "Free", period: "Estimate", description: "Get a comprehensive assessment of your roofing needs without any cost or obligation.", button: {
text: "Request Free Estimate", href: "#contact"},
featuresTitle: "Includes:", features: [
"Detailed Roof Inspection", "Personalized Report", "No-Obligation Consultation", "Transparent Cost Breakdown"],
},
{
id: "standard",
tag: "Flexible",
price: "Varies",
period: "Monthly",
description: "Affordable payment plans designed to fit your budget, making quality roofing accessible.",
button: {
text: "Explore Financing",
href: "#contact",
},
featuresTitle: "Features:",
features: [
"Low Monthly Payments",
"Flexible Term Options",
"Quick Approval Process",
"Competitive Interest Rates",
],
id: "standard", tag: "Flexible", price: "Varies", period: "Monthly", description: "Affordable payment plans designed to fit your budget, making quality roofing accessible.", button: {
text: "Explore Financing", href: "#contact"},
featuresTitle: "Features:", features: [
"Low Monthly Payments", "Flexible Term Options", "Quick Approval Process", "Competitive Interest Rates"],
},
{
id: "premium",
tag: "Best Value",
price: "Custom",
period: "Plan",
description: "Our premium financing offers enhanced benefits and extended coverage for complete peace of mind.",
button: {
text: "Get Custom Plan",
href: "#contact",
},
featuresTitle: "Benefits:",
features: [
"Extended Warranty Options",
"Deferred Payment Possibilities",
"Exclusive Customer Support",
"Highest Tier Coverage",
],
id: "premium", tag: "Best Value", price: "Custom", period: "Plan", description: "Our premium financing offers enhanced benefits and extended coverage for complete peace of mind.", button: {
text: "Get Custom Plan", href: "#contact"},
featuresTitle: "Benefits:", features: [
"Extended Warranty Options", "Deferred Payment Possibilities", "Exclusive Customer Support", "Highest Tier Coverage"],
},
]}
title="Transparent Financing & Free Estimates"
@@ -265,59 +167,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Exceptional Service and Craftsmanship!",
quote: "Weather Tight Roofing Solutions provided an exceptional experience from start to finish. Their team was professional, efficient, and the new roof looks fantastic. Tony was incredibly helpful with the insurance claim, making the process stress-free.",
name: "Sarah J.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
imageAlt: "Portrait of Sarah J., a satisfied homeowner",
},
id: "t1", title: "Exceptional Service and Craftsmanship!", quote: "Weather Tight Roofing Solutions provided an exceptional experience from start to finish. Their team was professional, efficient, and the new roof looks fantastic. Tony was incredibly helpful with the insurance claim, making the process stress-free.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", imageAlt: "Portrait of Sarah J., a satisfied homeowner"},
{
id: "t2",
title: "A Smooth and Professional Process",
quote: "I was dreading getting my roof replaced, but Weather Tight made it incredibly smooth. The communication was excellent, and the crew was meticulous. Highly recommend their services for anyone needing reliable roofing work!",
name: "Michael C.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg",
imageAlt: "Portrait of Michael C., a satisfied homeowner",
},
id: "t2", title: "A Smooth and Professional Process", quote: "I was dreading getting my roof replaced, but Weather Tight made it incredibly smooth. The communication was excellent, and the crew was meticulous. Highly recommend their services for anyone needing reliable roofing work!", name: "Michael C.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", imageAlt: "Portrait of Michael C., a satisfied homeowner"},
{
id: "t3",
title: "Outstanding Quality and Reliability",
quote: "The quality of work from Weather Tight Roofing is outstanding. Our new roof is not only beautiful but also built to withstand anything. It’s comforting to know we have a durable and well-installed roof over our heads thanks to their expertise.",
name: "Emily R.",
role: "Local Resident",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15249.jpg",
imageAlt: "Portrait of Emily R., a local resident",
},
id: "t3", title: "Outstanding Quality and Reliability", quote: "The quality of work from Weather Tight Roofing is outstanding. Our new roof is not only beautiful but also built to withstand anything. It’s comforting to know we have a durable and well-installed roof over our heads thanks to their expertise.", name: "Emily R.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15249.jpg", imageAlt: "Portrait of Emily R., a local resident"},
{
id: "t4",
title: "Truly Weather Tight!",
quote: "After a recent storm, we needed urgent repairs. Weather Tight responded quickly and did an amazing job. Our roof feels more secure than ever, and we're so grateful for their prompt and high-quality service.",
name: "David K.",
role: "Property Owner",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",
imageAlt: "Portrait of David K., a property owner",
},
id: "t4", title: "Truly Weather Tight!", quote: "After a recent storm, we needed urgent repairs. Weather Tight responded quickly and did an amazing job. Our roof feels more secure than ever, and we're so grateful for their prompt and high-quality service.", name: "David K.", role: "Property Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg", imageAlt: "Portrait of David K., a property owner"},
{
id: "t5",
title: "Beyond Expectations - Tony is a Gem!",
quote: "From the initial consultation to project completion, Weather Tight exceeded all my expectations. Tony’s guidance through the insurance claim process was invaluable and made a huge difference. Fantastic team!",
name: "Jessica L.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/view-couple-lying-down-floor-their-new-home_637285-12448.jpg",
imageAlt: "Portrait of Jessica L., a satisfied client",
},
id: "t5", title: "Beyond Expectations - Tony is a Gem!", quote: "From the initial consultation to project completion, Weather Tight exceeded all my expectations. Tony’s guidance through the insurance claim process was invaluable and made a huge difference. Fantastic team!", name: "Jessica L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/view-couple-lying-down-floor-their-new-home_637285-12448.jpg", imageAlt: "Portrait of Jessica L., a satisfied client"},
{
id: "t6",
title: "Invested in Protecting My Home",
quote: "I'm extremely impressed with Weather Tight. They truly care about protecting your home and deliver on their promises. The professionalism and attention to detail were top-notch. My home is safe and sound.",
name: "Robert S.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2178.jpg",
imageAlt: "Portrait of Robert S., a satisfied homeowner",
},
id: "t6", title: "Invested in Protecting My Home", quote: "I'm extremely impressed with Weather Tight. They truly care about protecting your home and deliver on their promises. The professionalism and attention to detail were top-notch. My home is safe and sound.", name: "Robert S.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2178.jpg", imageAlt: "Portrait of Robert S., a satisfied homeowner"},
]}
title="Hear From Our Satisfied Homeowners"
description="Our commitment to quality and customer satisfaction is reflected in every review. Read what our clients have to say about their Weather Tight experience, especially our smooth process and professional team."
@@ -329,16 +189,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Homeowners Association",
"Community Builders Alliance",
"Neighborhood Revitalization Project",
"Property Management Partners",
"Real Estate Professionals",
"Local Business Network",
"Home & Garden Shows",
"Certified Roofing Contractors",
"Quality Construction Guild",
]}
"Local Homeowners Association", "Community Builders Alliance", "Neighborhood Revitalization Project", "Property Management Partners", "Real Estate Professionals", "Local Business Network", "Home & Garden Shows", "Certified Roofing Contractors", "Quality Construction Guild"]}
title="Trusted by Homeowners Across the Region"
description="Our reputation for reliability and quality workmanship speaks for itself. We're proud to serve countless satisfied customers, building roofs that stand the test of time and weather."
speed={40}
@@ -350,8 +201,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="Get Started"
title="Ready for a Weather Tight Roof?"
description="Reach out today for a free consultation or to schedule your roofing service. Our team is here to answer your questions and provide the best solution for your home."
@@ -368,70 +218,41 @@ export default function LandingPage() {
logoText="Weather Tight Roofing Solutions"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Roofing",
href: "#services",
},
label: "Roofing", href: "#services"},
{
label: "Repairs",
href: "#services",
},
label: "Repairs", href: "#services"},
{
label: "Replacements",
href: "#services",
},
label: "Replacements", href: "#services"},
{
label: "Insurance Claims",
href: "#services",
},
label: "Insurance Claims", href: "#services"},
{
label: "Financing",
href: "#financing",
},
label: "Financing", href: "#financing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Work",
href: "#projects",
},
label: "Our Work", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Get a Quote",
href: "#contact",
},
label: "Get a Quote", href: "#contact"},
{
label: "Call Us: (XXX) XXX-XXXX",
href: "tel: (XXX) XXX-XXXX",
},
label: "Call Us: (XXX) XXX-XXXX", href: "tel: (XXX) XXX-XXXX"},
{
label: "Email Us: info@weathertight.com",
href: "mailto:info@weathertight.com",
},
label: "Email Us: info@weathertight.com", href: "mailto:info@weathertight.com"},
{
label: "Location: Local Area",
href: "#",
},
label: "Location: Local Area", href: "#"},
],
},
]}