Merge version_1 into main #1
465
src/app/page.tsx
465
src/app/page.tsx
@@ -16,328 +16,171 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Iron Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Iron Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Glendale Heights' Trusted Roofing Experts"
|
||||
description="Iron Roofing provides honest, high-quality roofing solutions for Illinois homes. Experience workmanship you can trust and service that puts you first."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"
|
||||
imageAlt="Professional residential roofing project"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
alt: "Man working on roof with a drill",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
|
||||
alt: "Full shot man working on roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",
|
||||
alt: "Man sitting on the roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
alt: "Medium shot man working with protection helmet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
|
||||
alt: "Full shot man wearing protection helmet",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/home-tools-logo-design-vector_474888-1949.jpg",
|
||||
alt: "roofing material brand logo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-handyman-logo_23-2149261321.jpg",
|
||||
alt: "roof shingle brand logo manufacturer",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdn0ta",
|
||||
alt: "metal roofing systems company logo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2zt8h",
|
||||
alt: "home insurance partner company logo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/4th-july-badge-collection_23-2148167675.jpg",
|
||||
alt: "local business association logo",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Glendale Heights' Trusted Roofing Experts"
|
||||
description="Iron Roofing provides honest, high-quality roofing solutions for Illinois homes. Experience workmanship you can trust and service that puts you first."
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"
|
||||
imageAlt="Professional residential roofing project"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", alt: "Man working on roof with a drill" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg", alt: "Full shot man working on roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", alt: "Man sitting on the roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Medium shot man working with protection helmet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", alt: "Full shot man wearing protection helmet" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/home-tools-logo-design-vector_474888-1949.jpg", alt: "roofing material brand logo" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-handyman-logo_23-2149261321.jpg", alt: "roof shingle brand logo manufacturer" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdn0ta", alt: "metal roofing systems company logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2zt8h", alt: "home insurance partner company logo" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/4th-july-badge-collection_23-2148167675.jpg", alt: "local business association logo" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Dedicated to Honesty & Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
alt: "Our team at work",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Dedicated to Honesty & Craftsmanship" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", alt: "Our team at work" }
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Roof Installation",
|
||||
description: "High-quality shingles and materials installed to last for decades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
|
||||
imageAlt: "Roof installation",
|
||||
},
|
||||
{
|
||||
title: "Roof Repair Services",
|
||||
description: "Quick, effective solutions to leaks and storm damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
|
||||
imageAlt: "Repair work",
|
||||
},
|
||||
{
|
||||
title: "Customer-First Service",
|
||||
description: "We handle every project with transparency, integrity, and care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
|
||||
imageAlt: "Happy client consulting",
|
||||
},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="We offer a full range of roofing services tailored to protect your home with high-quality materials and professional installation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Expert Roof Installation", description: "High-quality shingles and materials installed to last for decades.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", imageAlt: "Roof installation" },
|
||||
{ title: "Roof Repair Services", description: "Quick, effective solutions to leaks and storm damage.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "Repair work" },
|
||||
{ title: "Customer-First Service", description: "We handle every project with transparency, integrity, and care.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", imageAlt: "Happy client consulting" }
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="We offer a full range of roofing services tailored to protect your home with high-quality materials and professional installation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Owens Corning Certified",
|
||||
"GAF Master Elite",
|
||||
"CertainTeed Certified",
|
||||
"Glendale Business Assoc.",
|
||||
"HomeAdvisor Trusted",
|
||||
]}
|
||||
title="Certifications & Partners"
|
||||
description="Trusted by industry-leading manufacturers to deliver exceptional results."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Owens Corning Certified", "GAF Master Elite", "CertainTeed Certified", "Glendale Business Assoc.", "HomeAdvisor Trusted"]}
|
||||
title="Certifications & Partners"
|
||||
description="Trusted by industry-leading manufacturers to deliver exceptional results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.6/5",
|
||||
title: "Customer Rating",
|
||||
description: "Average rating based on over 80 verified customer reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "80+",
|
||||
title: "Verified Reviews",
|
||||
description: "Our track record is built on honesty and quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-tools-empty-notepad_23-2148393117.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
title: "Glendale Heights",
|
||||
description: "We are your neighbors serving the Illinois community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Our numbers speak for the trust we've built in Glendale Heights."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.6/5", title: "Customer Rating", description: "Average rating based on over 80 verified customer reviews.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
|
||||
{ id: "m2", value: "80+", title: "Verified Reviews", description: "Our track record is built on honesty and quality.", imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-tools-empty-notepad_23-2148393117.jpg" },
|
||||
{ id: "m3", value: "Local", title: "Glendale Heights", description: "We are your neighbors serving the Illinois community.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg" }
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Our numbers speak for the trust we've built in Glendale Heights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894061.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Trusted Service"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
|
||||
{ id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg" },
|
||||
{ id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894061.jpg" },
|
||||
{ id: "t5", name: "Linda P.", imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" }
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Trusted Service"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a typical roof project take?",
|
||||
content: "Most residential projects are completed in 1-3 days, depending on scope and weather.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer financing options?",
|
||||
content: "Yes, we work with several financing partners to help make your home improvements affordable.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you fully insured and licensed?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your complete peace of mind.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long does a typical roof project take?", content: "Most residential projects are completed in 1-3 days, depending on scope and weather." },
|
||||
{ id: "f2", title: "Do you offer financing options?", content: "Yes, we work with several financing partners to help make your home improvements affordable." },
|
||||
{ id: "f3", title: "Are you fully insured and licensed?", content: "Absolutely. We are fully licensed, bonded, and insured for your complete peace of mind." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to secure your home with a roof you can trust? Contact Iron Roofing in Glendale Heights today for your free, no-obligation estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:5555555555",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to secure your home with a roof you can trust? Contact Iron Roofing in Glendale Heights today for your free, no-obligation estimate."
|
||||
buttons={[{ text: "Contact Us Now", href: "tel:5555555555" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Installation",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Roof Repairs",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Iron Roofing"
|
||||
bottomRightText="Glendale Heights, IL"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Reviews", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Roof Installation", href: "#features" },
|
||||
{ label: "Roof Repairs", href: "#features" },
|
||||
{ label: "Get a Quote", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Iron Roofing"
|
||||
bottomRightText="Glendale Heights, IL"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user