Merge version_2 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -32,91 +32,56 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ironclad Roofing"
|
||||
brandName="IRONCLAD ROOFING"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Built to Last, Protected by Ironclad"
|
||||
description="Local Bay City roofing contractor serving your home and business with honest pricing, quality craftsmanship, and fast service. Storm damage, leaks, or routine maintenance—we handle it all."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg", alt: "Satisfied customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092034.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092034.jpg", alt: "Happy homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
|
||||
alt: "Satisfied property manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg", alt: "Satisfied property manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg",
|
||||
alt: "Recent client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg", alt: "Recent client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
alt: "Professional roofing inspector",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Professional roofing inspector"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Estimate Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Estimate Today", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5555555555",
|
||||
},
|
||||
text: "Call Now", href: "tel:5555555555"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Bay City",
|
||||
},
|
||||
type: "text", text: "Serving Bay City"},
|
||||
{
|
||||
type: "text",
|
||||
text: "20+ Years Experience",
|
||||
},
|
||||
type: "text", text: "20+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
type: "text", text: "Emergency Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Workmanship",
|
||||
},
|
||||
type: "text", text: "Quality Workmanship"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,17 +93,11 @@ export default function LandingPage() {
|
||||
description="With over 20 years of experience, Ironclad Roofing provides licensed, bonded, and insured professional services. We focus on transparent communication and quality craftsmanship to ensure your home or business roof stands the test of time."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Roofs Replaced",
|
||||
},
|
||||
value: "500+", title: "Roofs Replaced"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg?_wi=1"
|
||||
imageAlt="Our professional roofing team"
|
||||
@@ -154,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Storm Damage Repair",
|
||||
description: "Rapid response to wind, hail, and tree damage with insurance claim assistance.",
|
||||
tag: "Emergency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", title: "Storm Damage Repair", description: "Rapid response to wind, hail, and tree damage with insurance claim assistance.", tag: "Emergency", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg?_wi=1"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "New Roof Installation",
|
||||
description: "High-quality material selection for long-lasting performance and aesthetic appeal.",
|
||||
tag: "New Roof",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-looking-each-other-before-kissing_1153-734.jpg",
|
||||
},
|
||||
id: "s2", title: "New Roof Installation", description: "High-quality material selection for long-lasting performance and aesthetic appeal.", tag: "New Roof", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-looking-each-other-before-kissing_1153-734.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Roof Inspections",
|
||||
description: "Professional assessment of your current roof's condition to identify leaks or wear.",
|
||||
tag: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-two-pipes-as-they-go-up-building-window_181624-16532.jpg",
|
||||
},
|
||||
id: "s3", title: "Roof Inspections", description: "Professional assessment of your current roof's condition to identify leaks or wear.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-two-pipes-as-they-go-up-building-window_181624-16532.jpg"},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="We offer a full range of roofing solutions tailored to residential and light commercial property needs."
|
||||
@@ -188,25 +132,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Emergency Help",
|
||||
description: "We are there when you need us most.",
|
||||
icon: Clock,
|
||||
id: "m1", value: "24/7", title: "Emergency Help", description: "We are there when you need us most.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$0",
|
||||
title: "Hidden Fees",
|
||||
description: "Transparent pricing on every quote.",
|
||||
icon: ShieldCheck,
|
||||
id: "m2", value: "$0", title: "Hidden Fees", description: "Transparent pricing on every quote.", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10 Yr",
|
||||
title: "Warranty",
|
||||
description: "Peace of mind on all workmanship.",
|
||||
icon: Award,
|
||||
id: "m3", value: "10 Yr", title: "Warranty", description: "Peace of mind on all workmanship.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Quality Performance"
|
||||
@@ -220,60 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "Roof Replacement",
|
||||
quote: "Ironclad replaced our roof efficiently and professionally. Highly recommend!",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner looking at new roof",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Oct 2023", title: "Roof Replacement", quote: "Ironclad replaced our roof efficiently and professionally. Highly recommend!", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=1", imageAlt: "happy homeowner looking at new roof"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Sep 2023",
|
||||
title: "Storm Repair",
|
||||
quote: "Handled our insurance claim seamlessly. Very happy with the result.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-gathering-beets-from-farm_23-2150454966.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner looking at new roof",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "Sep 2023", title: "Storm Repair", quote: "Handled our insurance claim seamlessly. Very happy with the result.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-gathering-beets-from-farm_23-2150454966.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg?_wi=2", imageAlt: "happy homeowner looking at new roof"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "Leak Repair",
|
||||
quote: "Quick to respond and fixed the leak before it caused more damage.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner looking at new roof",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "Aug 2023", title: "Leak Repair", quote: "Quick to respond and fixed the leak before it caused more damage.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg?_wi=2", imageAlt: "happy homeowner looking at new roof"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jul 2023",
|
||||
title: "New Installation",
|
||||
quote: "Great communication and fair pricing throughout the whole project.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
|
||||
imageAlt: "happy homeowner looking at new roof",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "Jul 2023", title: "New Installation", quote: "Great communication and fair pricing throughout the whole project.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg", imageAlt: "happy homeowner looking at new roof"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
date: "Jun 2023",
|
||||
title: "Maintenance",
|
||||
quote: "Professional team, completed everything on schedule.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092034.jpg",
|
||||
imageAlt: "happy homeowner looking at new roof",
|
||||
},
|
||||
id: "5", name: "Anna Smith", date: "Jun 2023", title: "Maintenance", quote: "Professional team, completed everything on schedule.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092034.jpg", imageAlt: "happy homeowner looking at new roof"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—read reviews from satisfied Bay City homeowners."
|
||||
@@ -286,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free, no-obligation estimates for all roofing projects.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation estimates for all roofing projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "We are fully licensed, bonded, and insured in the state of Michigan.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed and insured?", content: "We are fully licensed, bonded, and insured in the state of Michigan."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you help with insurance claims?",
|
||||
content: "Absolutely, we specialize in helping homeowners navigate the insurance claims process.",
|
||||
},
|
||||
id: "q3", title: "Can you help with insurance claims?", content: "Absolutely, we specialize in helping homeowners navigate the insurance claims process."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about roofing repairs and installations."
|
||||
@@ -313,14 +191,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to get started? Contact Ironclad Roofing for your free estimate today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@ironcladroofing.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@ironcladroofing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,29 +204,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user