bender/10c3b99e-c5a5-46bf-acb4-12cadeac496d
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-04-27 13:28:23 +00:00
Conversation 0 Commits 1 Files Changed 1 +30 -219
1 changed files with 30 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Kalamazoo Metal Roofing"
/>
@@ -55,39 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Premium Metal Roofs Built for Michigan Winters"
description="Kalamazoo Metal Roofing delivers durable, energy-efficient roofing systems engineered to outlast traditional materials. Protect your investment with a contractor you can trust."
tag="Expert Roofing Services"
buttons={[
{
text: "Get Your Free Inspection",
href: "#contact",
},
]}
buttons={[{ text: "Get Your Free Inspection", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
imageAlt: "Snowy house with charcoal metal roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grunge-metal-plates-carbon-fibre-texture_1048-10848.jpg",
imageAlt: "Premium metal roof texture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
imageAlt: "High angle beautiful wooden house with new roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
imageAlt: "Long shot man with helmet sitting on roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
imageAlt: "Full shot man wearing protection helmet",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Snowy house with charcoal metal roof" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grunge-metal-plates-carbon-fibre-texture_1048-10848.jpg", imageAlt: "Premium metal roof texture" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -100,21 +63,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Built to Withstand, Designed to Last"
metrics={[
{
icon: ShieldCheck,
label: "Lifetime Warranty",
value: "100%",
},
{
icon: Zap,
label: "Energy Savings",
value: "40%",
},
{
icon: MapPin,
label: "Local Experts",
value: "20+ Years",
},
{ icon: ShieldCheck, label: "Lifetime Warranty", value: "100%" },
{ icon: Zap, label: "Energy Savings", value: "40%" },
{ icon: MapPin, label: "Local Experts", value: "20+ Years" },
]}
metricsAnimation="slide-up"
/>
@@ -126,21 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Cloud,
title: "Weather Resilience",
description: "Engineered for Michigan snow loads and high wind speeds.",
},
{
icon: Sun,
title: "Energy Efficiency",
description: "Reflective coatings that keep homes cool and lower costs.",
},
{
icon: Users,
title: "Professional Team",
description: "Licensed and certified contractors dedicated to quality.",
},
{ icon: Cloud, title: "Weather Resilience", description: "Engineered for Michigan snow loads and high wind speeds." },
{ icon: Sun, title: "Energy Efficiency", description: "Reflective coatings that keep homes cool and lower costs." },
{ icon: Users, title: "Professional Team", description: "Licensed and certified contractors dedicated to quality." },
]}
title="Why Choose Metal Roofing?"
description="Discover the advantages of upgrading your home with premium metal roofing systems."
@@ -154,48 +93,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Standing Seam",
price: "From $15k",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg",
},
{
id: "p2",
name: "Corrugated Panels",
price: "From $12k",
variant: "Standard",
imageSrc: "http://img.b2bpic.net/free-photo/white-diagonal-painted-wood-wall-background-texture_158595-6488.jpg",
},
{
id: "p3",
name: "Metal Shingles",
price: "From $18k",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/dirty-background-texture-close-up-natural_1122-2372.jpg",
},
{
id: "p4",
name: "Commercial Panels",
price: "Custom Quote",
variant: "Industrial",
imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",
},
{
id: "p5",
name: "Custom Flashing",
price: "From $500",
variant: "Accessories",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702237.jpg",
},
{
id: "p6",
name: "Soffit Systems",
price: "From $2k",
variant: "Accessories",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg",
},
{ id: "p1", name: "Standing Seam", price: "From $15k", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg" },
{ id: "p2", name: "Corrugated Panels", price: "From $12k", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/white-diagonal-painted-wood-wall-background-texture_158595-6488.jpg" },
{ id: "p3", name: "Metal Shingles", price: "From $18k", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/dirty-background-texture-close-up-natural_1122-2372.jpg" },
]}
title="Our Roofing Solutions"
description="Explore our premium metal roofing options suitable for every architecture."
@@ -207,25 +107,11 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
description="Key statistics reflecting our commitment to quality."
metrics={[
{
id: "m1",
icon: Home,
title: "Roofs Replaced",
value: "1,200+",
},
{
id: "m2",
icon: Award,
title: "Certifications",
value: "15+",
},
{
id: "m3",
icon: Star,
title: "Customer Rating",
value: "4.9/5",
},
{ id: "m1", icon: Home, title: "Roofs Replaced", value: "1,200+" },
{ id: "m2", icon: Award, title: "Certifications", value: "15+" },
{ id: "m3", icon: Star, title: "Customer Rating", value: "4.9/5" },
]}
title="Our Impact in Numbers"
/>
@@ -237,47 +123,10 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
description="Hear directly from our satisfied customers in Kalamazoo."
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Homeowner",
company: "Kalamazoo Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
},
{
id: "2",
name: "Mike T.",
role: "Homeowner",
company: "Kalamazoo Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
},
{
id: "3",
name: "David L.",
role: "Property Manager",
company: "Local Business",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rainbow-sky-residential-area-houses_169016-21426.jpg",
},
{
id: "4",
name: "Emily R.",
role: "Homeowner",
company: "Kalamazoo Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
},
{
id: "5",
name: "Robert B.",
role: "Homeowner",
company: "Kalamazoo Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg",
},
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Kalamazoo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg" },
{ id: "2", name: "Mike T.", role: "Homeowner", company: "Kalamazoo Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg" },
]}
title="What Our Clients Say"
/>
@@ -287,21 +136,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is metal roofing loud?",
content: "No, when properly installed with insulation, metal roofs are no louder than traditional shingles.",
},
{
id: "f2",
title: "How long does a metal roof last?",
content: "With proper maintenance, our systems typically last 50+ years.",
},
{
id: "f3",
title: "Does a metal roof increase energy costs?",
content: "Actually, it lowers them through superior thermal reflection.",
},
{ id: "f1", title: "Is metal roofing loud?", content: "No, when properly installed with insulation, metal roofs are no louder than traditional shingles." },
{ id: "f2", title: "How long does a metal roof last?", content: "With proper maintenance, our systems typically last 50+ years." },
{ id: "f3", title: "Does a metal roof increase energy costs?", content: "Actually, it lowers them through superior thermal reflection." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -311,9 +148,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get In Touch"
title="Ready to Protect Your Home?"
description="Request your free roof inspection today and let our experts guide you through the process."
@@ -327,32 +162,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/acoustic-foam-studio_1381-15.jpg"
logoText="Kalamazoo Metal Roofing"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Residential",
href: "#product",
},
{
label: "Commercial",
href: "#product",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Residential", href: "#product" }, { label: "Commercial", href: "#product" }] },
]}
/>
</div>