bender/dca169fe-c3b7-4a53-a667-a20209d38977
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-01 07:59:24 +00:00
Conversation 0 Commits 1 Files Changed 1 +69 -287
1 changed files with 69 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
src/app/page.tsx
View File

@@ -35,35 +35,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="RoofTech Construction LLC"
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -71,38 +57,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Trusted Partner for Quality Roofing"
description="RoofTech Construction LLC delivers superior roofing solutions, from repairs to full replacements. Experience reliable service and lasting craftsmanship."
tag="Expert Roofing in Hilton Head Island, SC"
buttons={[
{
text: "Get Your Free Estimate",
href: "#contact",
},
text: "Get Your Free Estimate", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg",
imageAlt: "Roofing crew installing new roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg", imageAlt: "Roofing crew installing new roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",
imageAlt: "Completed modern residential roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
imageAlt: "Bearded man smoking on the roof ",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
imageAlt: "Full shot smiley man working on roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
imageAlt: "Side view man working on roof with a drill",
},
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg", imageAlt: "Completed modern residential roof"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -133,23 +100,11 @@ export default function LandingPage() {
carouselMode="buttons"
features={[
{
title: "Roof Repair",
description: "Fast and reliable repairs for leaks, storm damage, and wear and tear. We extend the life of your roof.",
imageSrc: "http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg",
imageAlt: "Roof repair",
},
title: "Roof Repair", description: "Fast and reliable repairs for leaks, storm damage, and wear and tear. We extend the life of your roof.", imageSrc: "http://img.b2bpic.net/free-photo/craftsman-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-frame-ceiling-profile-system-renovation-renovation_166373-1906.jpg", imageAlt: "Roof repair"},
{
title: "Roof Replacement",
description: "Complete removal and installation of new roofing systems. Upgrade to modern, durable materials for lasting protection.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
imageAlt: "Roof replacement",
},
title: "Roof Replacement", description: "Complete removal and installation of new roofing systems. Upgrade to modern, durable materials for lasting protection.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", imageAlt: "Roof replacement"},
{
title: "New Roof Installation",
description: "Expert installation for new constructions, ensuring a solid, energy-efficient, and visually appealing roof from day one.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
imageAlt: "New roof installation",
},
title: "New Roof Installation", description: "Expert installation for new constructions, ensuring a solid, energy-efficient, and visually appealing roof from day one.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "New roof installation"},
]}
title="Our Comprehensive Roofing Services"
description="From minor repairs to complete installations, RoofTech Construction LLC handles all your roofing needs with expertise and care."
@@ -163,67 +118,26 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
carouselMode="buttons"
animationType="slide-up"
products={[
{
id: "shingles",
brand: "GAF",
name: "Asphalt Shingles",
price: "Durable & Cost-Effective",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
imageAlt: "Asphalt Shingles",
},
id: "shingles", brand: "GAF", name: "Asphalt Shingles", price: "Durable & Cost-Effective", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "Asphalt Shingles"},
{
id: "metal-roofing",
brand: "Owens Corning",
name: "Metal Roofing",
price: "Long-Lasting & Modern",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/modern-brick-building-skyline_23-2148252768.jpg",
imageAlt: "Metal Roofing",
},
id: "metal-roofing", brand: "Owens Corning", name: "Metal Roofing", price: "Long-Lasting & Modern", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/modern-brick-building-skyline_23-2148252768.jpg", imageAlt: "Metal Roofing"},
{
id: "tile-roofing",
brand: "CertainTeed",
name: "Tile Roofing",
price: "Elegant & Resilient",
rating: 4,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/ripe-juicy-turkish-melon-round-niche-white-stone-wall-photo-with-copy-space-organic-fruit-market-advertising-idea-concept-background-article_166373-3265.jpg",
imageAlt: "Tile Roofing",
},
id: "tile-roofing", brand: "CertainTeed", name: "Tile Roofing", price: "Elegant & Resilient", rating: 4,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/ripe-juicy-turkish-melon-round-niche-white-stone-wall-photo-with-copy-space-organic-fruit-market-advertising-idea-concept-background-article_166373-3265.jpg", imageAlt: "Tile Roofing"},
{
id: "flat-roofing",
brand: "Tamko",
name: "Flat Roofing Systems",
price: "Commercial & Residential",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg",
imageAlt: "Flat Roofing",
},
id: "flat-roofing", brand: "Tamko", name: "Flat Roofing Systems", price: "Commercial & Residential", rating: 4,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg", imageAlt: "Flat Roofing"},
{
id: "wood-shingles",
brand: "IKO",
name: "Wood Shakes & Shingles",
price: "Natural & Classic Look",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
imageAlt: "Wood Shingles",
},
id: "wood-shingles", brand: "IKO", name: "Wood Shakes & Shingles", price: "Natural & Classic Look", rating: 4,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "Wood Shingles"},
{
id: "gutters",
brand: "Alcoa",
name: "Gutter Installation",
price: "Protection & Drainage",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
imageAlt: "Gutter Installation",
},
id: "gutters", brand: "Alcoa", name: "Gutter Installation", price: "Protection & Drainage", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Gutter Installation"},
]}
title="Premium Roofing Materials & Solutions"
description="Explore our wide range of high-quality roofing materials designed for durability, aesthetics, and performance."
@@ -238,61 +152,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Standard Repair",
price: "Starting at $499",
period: "/ repair",
description: "Ideal for minor leaks and small repairs.",
button: {
text: "Get Started",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Detailed inspection",
"Minor leak sealing",
"Shingle replacement (up to 5)",
"1-year workmanship warranty",
],
id: "basic", tag: "Standard Repair", price: "Starting at $499", period: "/ repair", description: "Ideal for minor leaks and small repairs.", button: {
text: "Get Started", href: "#contact"},
featuresTitle: "Includes:", features: [
"Detailed inspection", "Minor leak sealing", "Shingle replacement (up to 5)", "1-year workmanship warranty"],
},
{
id: "plus",
tag: "Comprehensive Service",
tagIcon: Sparkles,
price: "Starting at $1,299",
period: "/ project",
description: "Best for moderate damage or preventative maintenance.",
button: {
text: "Choose Plan",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full roof assessment",
"Moderate leak repair",
"Gutter cleaning",
"Flashing repair",
"2-year workmanship warranty",
],
id: "plus", tag: "Comprehensive Service", tagIcon: Sparkles,
price: "Starting at $1,299", period: "/ project", description: "Best for moderate damage or preventative maintenance.", button: {
text: "Choose Plan", href: "#contact"},
featuresTitle: "Includes:", features: [
"Full roof assessment", "Moderate leak repair", "Gutter cleaning", "Flashing repair", "2-year workmanship warranty"],
},
{
id: "premium",
tag: "Full Replacement",
price: "Custom Quote",
period: "/ project",
description: "For major renovations or complete roof overhaul.",
button: {
text: "Request Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Personalized consultation",
"New roof installation",
"Premium material options",
"Extended warranty options",
"5-year workmanship guarantee",
],
id: "premium", tag: "Full Replacement", price: "Custom Quote", period: "/ project", description: "For major renovations or complete roof overhaul.", button: {
text: "Request Quote", href: "#contact"},
featuresTitle: "Includes:", features: [
"Personalized consultation", "New roof installation", "Premium material options", "Extended warranty options", "5-year workmanship guarantee"],
},
]}
title="Transparent Pricing for Your Roofing Needs"
@@ -305,31 +181,14 @@ export default function LandingPage() {
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
value: "15+",
title: "Years of Experience",
description: "Providing expert roofing services since 2008.",
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-touring-office-space-with-realtor-layout-plans_482257-90955.jpg",
imageAlt: "Years of experience",
},
id: "m1", value: "15+", title: "Years of Experience", description: "Providing expert roofing services since 2008.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-touring-office-space-with-realtor-layout-plans_482257-90955.jpg", imageAlt: "Years of experience"},
{
id: "m2",
value: "500+",
title: "Projects Completed",
description: "Successfully delivered high-quality roofing solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg",
imageAlt: "Projects completed",
},
id: "m2", value: "500+", title: "Projects Completed", description: "Successfully delivered high-quality roofing solutions.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-blueprints_23-2148269843.jpg", imageAlt: "Projects completed"},
{
id: "m3",
value: "98%",
title: "Customer Satisfaction",
description: "Our clients love our work and professional approach.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg",
imageAlt: "Happy clients",
},
id: "m3", value: "98%", title: "Customer Satisfaction", description: "Our clients love our work and professional approach.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg", imageAlt: "Happy clients"},
]}
title="Our Commitment to Quality & Service"
description="See the numbers that reflect our dedication to excellence and customer satisfaction in every roofing project."
@@ -346,45 +205,15 @@ export default function LandingPage() {
uniformGridCustomHeightClasses="min-h-none"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner, Hilton Head",
testimonial: "Roof Tech is the absolute best! I live out of town and I refuse to use anyone else. They drive all the way to do whatever I need them to do. I am so thankful I have found a good company.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Homeowner, Hilton Head", testimonial: "Roof Tech is the absolute best! I live out of town and I refuse to use anyone else. They drive all the way to do whatever I need them to do. I am so thankful I have found a good company.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Property Manager",
testimonial: "Professional, efficient, and great quality work. RoofTech handled our commercial property's roof replacement flawlessly. Highly recommend their services.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hard-hat-young-adult-stress-using_1134-1296.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Property Manager", testimonial: "Professional, efficient, and great quality work. RoofTech handled our commercial property's roof replacement flawlessly. Highly recommend their services.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-hard-hat-young-adult-stress-using_1134-1296.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Residential Client",
testimonial: "They replaced my old roof quickly and cleanly. The team was courteous, and the new roof looks fantastic. Excellent service from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Residential Client", testimonial: "They replaced my old roof quickly and cleanly. The team was courteous, and the new roof looks fantastic. Excellent service from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Business Owner",
testimonial: "RoofTech provided an honest assessment and a fair price for our roof repair. The work was done on time and exceeded our expectations. Truly reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-builder-orange-work-clothes-yellow-hardhat-with-pencil-ear-dreamily-looking-camera-with-scaffolding-background_574295-1578.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Business Owner", testimonial: "RoofTech provided an honest assessment and a fair price for our roof repair. The work was done on time and exceeded our expectations. Truly reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-builder-orange-work-clothes-yellow-hardhat-with-pencil-ear-dreamily-looking-camera-with-scaffolding-background_574295-1578.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica & Tom Lee",
role: "Homeowners",
testimonial: "We were very impressed with the attention to detail and communication throughout our roof installation. Our home feels safer and looks better than ever.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123687.jpg",
imageAlt: "Jessica and Tom Lee",
},
id: "5", name: "Jessica & Tom Lee", role: "Homeowners", testimonial: "We were very impressed with the attention to detail and communication throughout our roof installation. Our home feels safer and looks better than ever.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123687.jpg", imageAlt: "Jessica and Tom Lee"},
]}
title="What Our Valued Customers Say"
description="Hear directly from homeowners and businesses who trust RoofTech Construction LLC for their roofing needs."
@@ -397,14 +226,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"GAF Certified",
"CertainTeed Select ShingleMaster",
"Owens Corning Preferred Contractor",
"Master Elite Roofing",
"BBB Accredited",
"Licensed & Insured",
"Local Chamber of Commerce",
]}
"GAF Certified", "CertainTeed Select ShingleMaster", "Owens Corning Preferred Contractor", "Master Elite Roofing", "BBB Accredited", "Licensed & Insured", "Local Chamber of Commerce"]}
title="Trusted by Leading Industry Partners"
description="Our commitment to quality is reinforced by our affiliations and certifications with top manufacturers and organizations."
tag="Our Affiliations"
@@ -419,35 +241,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How often should I have my roof inspected?",
content: "We recommend having your roof inspected at least once a year, preferably in the spring or fall, and after any major storm events to catch potential issues early.",
},
id: "faq1", title: "How often should I have my roof inspected?", content: "We recommend having your roof inspected at least once a year, preferably in the spring or fall, and after any major storm events to catch potential issues early."},
{
id: "faq2",
title: "What are the signs I need a new roof?",
content: "Common signs include missing or damaged shingles, curling or buckling shingles, granules in your gutters, visible leaks inside your home, or a roof that is over 20-25 years old.",
},
id: "faq2", title: "What are the signs I need a new roof?", content: "Common signs include missing or damaged shingles, curling or buckling shingles, granules in your gutters, visible leaks inside your home, or a roof that is over 20-25 years old."},
{
id: "faq3",
title: "How long does a roof replacement take?",
content: "The duration depends on the size and complexity of your roof, as well as weather conditions. Most residential roof replacements are completed within 1-3 days.",
},
id: "faq3", title: "How long does a roof replacement take?", content: "The duration depends on the size and complexity of your roof, as well as weather conditions. Most residential roof replacements are completed within 1-3 days."},
{
id: "faq4",
title: "Do you offer warranties on your work?",
content: "Yes, we stand by the quality of our craftsmanship. We offer comprehensive workmanship warranties in addition to manufacturer warranties on materials.",
},
id: "faq4", title: "Do you offer warranties on your work?", content: "Yes, we stand by the quality of our craftsmanship. We offer comprehensive workmanship warranties in addition to manufacturer warranties on materials."},
{
id: "faq5",
title: "Is RoofTech Construction LLC licensed and insured?",
content: "Absolutely. RoofTech Construction LLC is fully licensed, bonded, and insured. We provide all necessary documentation for your peace of mind.",
},
id: "faq5", title: "Is RoofTech Construction LLC licensed and insured?", content: "Absolutely. RoofTech Construction LLC is fully licensed, bonded, and insured. We provide all necessary documentation for your peace of mind."},
{
id: "faq6",
title: "What types of roofing materials do you work with?",
content: "We work with a wide range of materials including asphalt shingles, metal roofing, tile roofing, and flat roofing systems, offering solutions to fit every style and budget.",
},
id: "faq6", title: "What types of roofing materials do you work with?", content: "We work with a wide range of materials including asphalt shingles, metal roofing, tile roofing, and flat roofing systems, offering solutions to fit every style and budget."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our roofing services, process, and commitment to quality."
@@ -460,8 +264,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Ready for a Roof You Can Trust?"
description="Contact RoofTech Construction LLC today for a free consultation and estimate. Let us protect your investment with a quality roof."
@@ -475,54 +278,33 @@ 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"},
{
label: "Our Work",
href: "#roofing-solutions",
},
label: "Our Work", href: "#roofing-solutions"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Free Estimate",
href: "#contact",
},
label: "Free Estimate", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}