bender/703be00d-7aa2-42a4-ab9b-77687e649ec9
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-09 10:04:15 +00:00
parent bce301356d
commit 37e315bf05
1 changed files with 42 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Why Us",
id: "why-us",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Why Us", id: "why-us" },
{ name: "Contact", id: "contact" },
]}
brandName="Boss Roofing"
/>
@@ -57,16 +45,10 @@ export default function LandingPage() {
logoText="Boss Roofing LLC"
description="Trusted Roofing Experts Protecting Homes Across Washington"
buttons={[
{
text: "Get Free Estimate",
href: "#contact",
},
{
text: "Call Now",
href: "tel:+15550123456",
},
{ text: "Get Free Estimate", href: "#contact" },
{ text: "Call Now", href: "tel:+15550123456" },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"
/>
</div>
@@ -77,49 +59,19 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Roof Repair",
description: "Quick, reliable repairs to stop leaks.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg?_wi=1",
},
items: [
{
text: "Leaking flashings",
icon: CheckCircle,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg?_wi=2",
imageAlt: "roof shingle installation detail",
title: "Roof Repair", description: "Quick, reliable repairs to stop leaks.", media: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg" },
items: [{ text: "Leaking flashings", icon: CheckCircle }],
reverse: false
},
{
title: "Roof Replacement",
description: "Long-lasting roofing systems.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg",
},
items: [
{
text: "Lifetime warranty",
icon: CheckCircle,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg?_wi=1",
imageAlt: "roof shingle installation detail",
title: "Roof Replacement", description: "Long-lasting roofing systems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
items: [{ text: "Lifetime warranty", icon: CheckCircle }],
reverse: false
},
{
title: "Emergency Roofing",
description: "24/7 service for storm damage.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg",
},
items: [
{
text: "Fast dispatch",
icon: CheckCircle,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg?_wi=1",
imageAlt: "roof shingle installation detail",
title: "Emergency Roofing", description: "24/7 service for storm damage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg" },
items: [{ text: "Fast dispatch", icon: CheckCircle }],
reverse: false
},
]}
title="Professional Roofing Services"
@@ -129,38 +81,24 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Precision Work",
description: "Our craftsmanship speaks for itself.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg",
},
title: "Precision Work", description: "Our craftsmanship speaks for itself.", media: { imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg" },
items: [],
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg?_wi=3",
imageAlt: "roof shingle installation detail",
reverse: false
},
{
title: "Modern Aesthetics",
description: "Elevated curb appeal every time.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
},
title: "Modern Aesthetics", description: "Elevated curb appeal every time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg" },
items: [],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg?_wi=2",
imageAlt: "roof shingle installation detail",
reverse: false
},
{
title: "Durable Results",
description: "Roofs built for Washington weather.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
},
title: "Durable Results", description: "Roofs built for Washington weather.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg" },
items: [],
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg?_wi=2",
imageAlt: "roof shingle installation detail",
reverse: false
},
]}
title="Before & After Gallery"
@@ -173,21 +111,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Choose Boss Roofing"
metrics={[
{
label: "Licensed & Insured",
value: "100%",
icon: Shield,
},
{
label: "Years Experience",
value: "15+",
icon: Award,
},
{
label: "Projects Completed",
value: "2000+",
icon: CheckCircle,
},
{ label: "Licensed & Insured", value: "100%", icon: Shield },
{ label: "Years Experience", value: "15+", icon: Award },
{ label: "Projects Completed", value: "2000+", icon: CheckCircle },
]}
metricsAnimation="slide-up"
/>
@@ -197,31 +123,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg?_wi=3",
},
{
id: "2",
name: "Mike D.",
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg?_wi=2",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg",
},
{
id: "4",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
},
{
id: "5",
name: "Anna P.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
},
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg" },
{ id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg" },
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg" },
{ id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
{ id: "5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg" },
]}
cardTitle="Client Voices"
cardTag="Testimonials"
@@ -234,26 +140,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Inspection",
content: "Our experts evaluate your current roofing.",
},
{
id: "2",
title: "Estimate",
content: "Get a transparent, itemized quote.",
},
{
id: "3",
title: "Repair",
content: "Professional installation and repair.",
},
{
id: "4",
title: "Final Check",
content: "Quality assurance and satisfaction.",
},
{ id: "1", title: "Inspection", content: "Our experts evaluate your current roofing." },
{ id: "2", title: "Estimate", content: "Get a transparent, itemized quote." },
{ id: "3", title: "Repair", content: "Professional installation and repair." },
{ id: "4", title: "Final Check", content: "Quality assurance and satisfaction." },
]}
title="Our Process"
description="Simple, transparent roofing process."
@@ -268,16 +158,8 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "24/7",
description: "Emergency availability",
},
{
id: "2",
value: "Fast",
description: "Response time",
},
{ id: "1", value: "24/7", description: "Emergency availability" },
{ id: "2", value: "Fast", description: "Response time" },
]}
title="Emergency Roofing Support"
description="Urgent roofing problems solved fast."
@@ -290,23 +172,10 @@ export default function LandingPage() {
title="Get Your Free Estimate"
description="Fill out the form to secure your roof."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Describe your roofing project...",
}}
textarea={{ name: "message", placeholder: "Describe your roofing project..." }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
/>
</div>
@@ -314,30 +183,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "Services",
href: "#services",
},
],
},
{
items: [
{
label: "Gallery",
href: "#gallery",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }] },
{ items: [{ label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
]}
logoText="Boss Roofing LLC"
/>