Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
424
src/app/page.tsx
424
src/app/page.tsx
@@ -17,314 +17,140 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hayes & Sons Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Hayes & Sons Roofing"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Trusted Family Roofing Experts in Arkansas"
|
||||
description="High-quality roofing, remodeling, and storm damage repair you can rely on. Fast, professional, family-owned service for your home."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-white-background-thumbs-up_176420-5369.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Arkansas families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family-Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Arkansas Proud",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trusted Family Roofing Experts in Arkansas"
|
||||
description="High-quality roofing, remodeling, and storm damage repair you can rely on. Fast, professional, family-owned service for your home."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "100%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-white-background-thumbs-up_176420-5369.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Arkansas families"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Repairs" },
|
||||
{ type: "text", text: "Free Estimates" },
|
||||
{ type: "text", text: "Family-Owned" },
|
||||
{ type: "text", text: "Arkansas Proud" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Repair",
|
||||
title: "Roof Repair",
|
||||
subtitle: "Expert patching and leak detection.",
|
||||
description: "Quick, professional fixes for all roof types to prevent structural damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Install",
|
||||
title: "Roof Replacement",
|
||||
subtitle: "High-quality materials, expert finish.",
|
||||
description: "Full roof replacements that stand the test of time and weather.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Emergency",
|
||||
title: "Storm Damage Repair",
|
||||
subtitle: "Fast response after severe storms.",
|
||||
description: "Arkansas storm specialists ready to repair wind and hail damage immediately.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Remodel",
|
||||
title: "Remodeling Services",
|
||||
subtitle: "Expand or modernize your home.",
|
||||
description: "Professional exterior remodeling to match your unique vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Drainage",
|
||||
title: "Gutter Work",
|
||||
subtitle: "Proper protection for your home.",
|
||||
description: "Expert gutter installation and maintenance to protect your foundation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Roofing & Remodeling Services"
|
||||
description="Comprehensive solutions for all your home exterior needs, from simple repairs to full roof replacements."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Repair", title: "Roof Repair", subtitle: "Expert patching and leak detection.", description: "Quick, professional fixes for all roof types to prevent structural damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg" },
|
||||
{ tag: "Install", title: "Roof Replacement", subtitle: "High-quality materials, expert finish.", description: "Full roof replacements that stand the test of time and weather.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg" },
|
||||
{ tag: "Emergency", title: "Storm Damage Repair", subtitle: "Fast response after severe storms.", description: "Arkansas storm specialists ready to repair wind and hail damage immediately.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg" },
|
||||
{ tag: "Remodel", title: "Remodeling Services", subtitle: "Expand or modernize your home.", description: "Professional exterior remodeling to match your unique vision.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg" },
|
||||
{ tag: "Drainage", title: "Gutter Work", subtitle: "Proper protection for your home.", description: "Expert gutter installation and maintenance to protect your foundation.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" },
|
||||
]}
|
||||
title="Our Roofing & Remodeling Services"
|
||||
description="Comprehensive solutions for all your home exterior needs, from simple repairs to full roof replacements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Before & After Transformation",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Our Skilled Roofing Crew",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Finished Shingle Project",
|
||||
price: "View Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Finished Roof Exterior",
|
||||
price: "View Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Team Hard at Work",
|
||||
price: "View Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Roofing Transformation",
|
||||
price: "View Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Quality You Can See"
|
||||
description="Take a look at some of our recent roofing projects across Arkansas."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Before & After Transformation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg" },
|
||||
{ id: "2", name: "Our Skilled Roofing Crew", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg" },
|
||||
{ id: "3", name: "Finished Shingle Project", price: "View Gallery", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
|
||||
{ id: "4", name: "Finished Roof Exterior", price: "View Gallery", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
|
||||
{ id: "5", name: "Team Hard at Work", price: "View Gallery", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg" },
|
||||
{ id: "6", name: "Roofing Transformation", price: "View Gallery", imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg" },
|
||||
]}
|
||||
title="Quality You Can See"
|
||||
description="Take a look at some of our recent roofing projects across Arkansas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Family Roofing Experts"
|
||||
description={[
|
||||
"Hayes and Sons Roofing/Remodeling is a family-owned and operated business serving the Arkansas community for years.",
|
||||
"We pride ourselves on our strong work ethic, treating every home like our own. Our reputation is built on honesty, high-quality craftsmanship, and unwavering attention to detail.",
|
||||
"Whether you need a small repair or a full roof replacement, you can count on us for reliable, fast service and pricing you can trust.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Family Roofing Experts"
|
||||
description={[
|
||||
"Hayes and Sons Roofing/Remodeling is a family-owned and operated business serving the Arkansas community for years.", "We pride ourselves on our strong work ethic, treating every home like our own. Our reputation is built on honesty, high-quality craftsmanship, and unwavering attention to detail.", "Whether you need a small repair or a full roof replacement, you can count on us for reliable, fast service and pricing you can trust."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-white-background-thumbs-up_176420-5369.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Customer Experiences"
|
||||
cardTag="What Arkansas homeowners say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg" },
|
||||
{ id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-white-background-thumbs-up_176420-5369.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg" },
|
||||
{ id: "5", name: "Jennifer L.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg" },
|
||||
]}
|
||||
cardTitle="Customer Experiences"
|
||||
cardTag="What Arkansas homeowners say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Roofing Project?"
|
||||
description="Call us today at (501) 538-0469 or email hayesandsonsroofing@yahoo.com. Get your free estimate in Arkansas today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (501) 538-0469",
|
||||
href: "tel:5015380469",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Roofing Project?"
|
||||
description="Call us today at (501) 538-0469 or email hayesandsonsroofing@yahoo.com. Get your free estimate in Arkansas today!"
|
||||
buttons={[{ text: "Call (501) 538-0469", href: "tel:5015380469" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Hayes & Sons Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Hayes & Sons Roofing"
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "About Us", href: "#about" }, { label: "Gallery", href: "#gallery" }] },
|
||||
{ items: [{ label: "Reviews", href: "#reviews" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user