bender/5cf7318b-9df3-48af-b84f-c3812e4cf13e
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-17 07:59:19 +00:00
parent 58db87b120
commit 6565ffe02e
1 changed files with 49 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Projects",
id: "projects",
},
name: "Projects", id: "projects"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Roof Pros"
/>
@@ -56,47 +48,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Quality Roofing & General Construction"
description="Professional residential roofing services and general construction. Protecting your home with premium quality materials and expert workmanship."
buttons={[
{
text: "Get Free Quote",
href: "#contact",
},
text: "Get Free Quote", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=1",
imageAlt: "Modern roofing construction",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Modern roofing construction"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg?_wi=1",
imageAlt: "Residential property roofing",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg", imageAlt: "Residential property roofing"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg",
imageAlt: "Roofing repair work",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg", imageAlt: "Roofing repair work"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
imageAlt: "Roofing material detail",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", imageAlt: "Roofing material detail"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg",
imageAlt: "Home renovation roofing",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Home renovation roofing"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/tall-chimney-near-building-side-view_23-2149627178.jpg",
imageAlt: "Exterior roof property",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/tall-chimney-near-building-side-view_23-2149627178.jpg", imageAlt: "Exterior roof property"},
]}
/>
</div>
@@ -108,19 +79,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Years Experience",
value: "15+",
},
label: "Years Experience", value: "15+"},
{
icon: CheckCircle,
label: "Projects Completed",
value: "2000+",
},
label: "Projects Completed", value: "2000+"},
{
icon: Shield,
label: "Warranty Provided",
value: "100%",
},
label: "Warranty Provided", value: "100%"},
]}
metricsAnimation="slide-up"
/>
@@ -130,30 +95,16 @@ export default function LandingPage() {
<FeatureBento
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Roof Replacement",
description: "Complete removal and professional replacement of aging roofing systems.",
bentoComponent: "reveal-icon",
icon: Building2,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
imageAlt: "Man with helmet working on roof full shot",
title: "Roof Replacement", description: "Complete removal and professional replacement of aging roofing systems.", bentoComponent: "reveal-icon", icon: Building2,
},
{
title: "Storm Damage Repair",
description: "Quick, reliable response for emergency leak repairs and storm damage.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=2",
imageAlt: "Man with helmet working on roof full shot",
title: "Storm Damage Repair", description: "Quick, reliable response for emergency leak repairs and storm damage.", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "General Contracting",
description: "Full-service renovation and general construction management for your home.",
bentoComponent: "reveal-icon",
icon: Building,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg?_wi=2",
imageAlt: "Man with helmet working on roof full shot",
title: "General Contracting", description: "Full-service renovation and general construction management for your home.", bentoComponent: "reveal-icon", icon: Building,
},
]}
title="Our Expert Services"
@@ -169,59 +120,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "ProLine",
name: "Asphalt Shingles",
price: "$80/sq",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
},
id: "1", brand: "ProLine", name: "Asphalt Shingles", price: "$80/sq", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"},
{
id: "2",
brand: "SteelRoof",
name: "Metal Roofing Panels",
price: "$150/sq",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
},
id: "2", brand: "SteelRoof", name: "Metal Roofing Panels", price: "$150/sq", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"},
{
id: "3",
brand: "TileCraft",
name: "Concrete Tile",
price: "$120/sq",
rating: 4,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/diagonal-concrete-texture-abstract-gray-pattern-design_84443-55427.jpg",
},
id: "3", brand: "TileCraft", name: "Concrete Tile", price: "$120/sq", rating: 4,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/diagonal-concrete-texture-abstract-gray-pattern-design_84443-55427.jpg"},
{
id: "4",
brand: "SunRoof",
name: "Solar Tiles",
price: "$300/sq",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg",
},
id: "4", brand: "SunRoof", name: "Solar Tiles", price: "$300/sq", rating: 5,
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg"},
{
id: "5",
brand: "SlateTop",
name: "Premium Slate",
price: "$450/sq",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
},
id: "5", brand: "SlateTop", name: "Premium Slate", price: "$450/sq", rating: 5,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg"},
{
id: "6",
brand: "FlatGuard",
name: "TPO Membrane",
price: "$110/sq",
rating: 4,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
},
id: "6", brand: "FlatGuard", name: "TPO Membrane", price: "$110/sq", rating: 4,
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg"},
]}
title="Featured Roofing Materials"
description="We use only top-tier materials for lasting durability and performance."
@@ -233,30 +148,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg"},
{
id: "2",
name: "Michael R.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
},
id: "2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg"},
{
id: "3",
name: "Elena D.",
imageSrc: "http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg",
},
id: "3", name: "Elena D.", imageSrc: "http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg"},
{
id: "4",
name: "John K.",
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg",
},
id: "4", name: "John K.", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg"},
{
id: "5",
name: "Alice M.",
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
},
id: "5", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"},
]}
cardTitle="Client Feedback"
cardTag="Testimonials"
@@ -270,20 +170,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How long does a roof last?",
content: "Most asphalt roofs last 20-25 years with proper maintenance.",
},
id: "1", title: "How long does a roof last?", content: "Most asphalt roofs last 20-25 years with proper maintenance."},
{
id: "2",
title: "Do you offer financing?",
content: "Yes, we partner with flexible lenders to accommodate all budgets.",
},
id: "2", title: "Do you offer financing?", content: "Yes, we partner with flexible lenders to accommodate all budgets."},
{
id: "3",
title: "Is the estimate free?",
content: "Yes, we provide 100% free professional inspections and quotes.",
},
id: "3", title: "Is the estimate free?", content: "Yes, we provide 100% free professional inspections and quotes."},
]}
title="Common Questions"
description="Answers to commonly asked roofing concerns."
@@ -296,14 +187,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"GAF",
"CertainTeed",
"Owens Corning",
"Velux",
"IKO",
"Tamko",
"Atlas Roofing",
]}
"GAF", "CertainTeed", "Owens Corning", "Velux", "IKO", "Tamko", "Atlas Roofing"]}
title="Trusted Partners & Brands"
description="We work with industry-leading manufacturers."
/>
@@ -316,22 +200,14 @@ export default function LandingPage() {
description="Ready to fix your roof? Send us a message today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
name: "message", placeholder: "Tell us about your project", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571927.jpg"
/>
@@ -341,29 +217,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Links",
items: [
title: "Links", items: [
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}