Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -16,213 +16,111 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ACO Roofing & Gutters"
|
||||
button={{
|
||||
text: "Get Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ACO Roofing & Gutters"
|
||||
button={{ text: "Get Estimate", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Roofing Done Right Every Single Time"
|
||||
description="Family-owned expertise with 15 years of honest service. When Felipe shows up, your home is in trusted hands."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/g0a77076ea48b2f0e1ce564c794700d742b52a0bb148266e5fad60a82bca1746e72bf71b816244ee67090bcd078637bd3a0bb634fb16a68cbe81904e057f92c35_1280.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/gfabb782dd2d6964e84314e24e6bd2fc70e64a598a5d7867547fc712708cd2060201913f9748eacf1d4adf29da7d7c2d1e54c143c5c5827c43db64c968fd63dbe_1280.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g3b4d9f82a2f494253a239728d4fb7606e3a94f4de466edf949db7e82dad5cc0ca06b6315e148d75fb083ef4f68cef8da4a87730e999ad0ed5efae7459fa6bc1d_1280.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g668e2f03873ca8ba6e8078ff566478402a80239a86874fd190cd415e4f2ff6378d0c7aa2807e77717d97e693a95d98892f0008659002b89390cce848c9a0733e_1280.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Roofing Done Right Every Single Time"
|
||||
description="Family-owned expertise with 15 years of honest service. When Felipe shows up, your home is in trusted hands."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
avatars={[
|
||||
{ src: "https://pixabay.com/get/g0a77076ea48b2f0e1ce564c794700d742b52a0bb148266e5fad60a82bca1746e72bf71b816244ee67090bcd078637bd3a0bb634fb16a68cbe81904e057f92c35_1280.jpg", alt: "Customer" },
|
||||
{ src: "https://pixabay.com/get/gfabb782dd2d6964e84314e24e6bd2fc70e64a598a5d7867547fc712708cd2060201913f9748eacf1d4adf29da7d7c2d1e54c143c5c5827c43db64c968fd63dbe_1280.jpg", alt: "Customer" },
|
||||
{ src: "https://pixabay.com/get/g3b4d9f82a2f494253a239728d4fb7606e3a94f4de466edf949db7e82dad5cc0ca06b6315e148d75fb083ef4f68cef8da4a87730e999ad0ed5efae7459fa6bc1d_1280.jpg", alt: "Customer" },
|
||||
{ src: "https://pixabay.com/get/g668e2f03873ca8ba6e8078ff566478402a80239a86874fd190cd415e4f2ff6378d0c7aa2807e77717d97e693a95d98892f0008659002b89390cce848c9a0733e_1280.jpg", alt: "Customer" }
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Estimate", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Owner-Led Accountability",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://pixabay.com/get/g6b19338cfdb66360b96d1e9aa429be46d4223e4a1b844d0651a3789671c14153085a28af8e9bbb38da0feb80fc0d5f7599c0108cc77954d1a1d5fb2e6abd621b_1280.jpg",
|
||||
alt: "Felipe, Owner of ACO Roofing",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet the Team",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Owner-Led Accountability" },
|
||||
{ type: "image", src: "https://pixabay.com/get/g6b19338cfdb66360b96d1e9aa429be46d4223e4a1b844d0651a3789671c14153085a28af8e9bbb38da0feb80fc0d5f7599c0108cc77954d1a1d5fb2e6abd621b_1280.jpg", alt: "Felipe, Owner of ACO Roofing" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Meet the Team", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best roofing experience we've had in 15 years. Felipe was there every day.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g0a77076ea48b2f0e1ce564c794700d742b52a0bb148266e5fad60a82bca1746e72bf71b816244ee67090bcd078637bd3a0bb634fb16a68cbe81904e057f92c35_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Honest quotes, finished ahead of schedule, and high integrity.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gfabb782dd2d6964e84314e24e6bd2fc70e64a598a5d7867547fc712708cd2060201913f9748eacf1d4adf29da7d7c2d1e54c143c5c5827c43db64c968fd63dbe_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "ACO treats your home like their own. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g3b4d9f82a2f494253a239728d4fb7606e3a94f4de466edf949db7e82dad5cc0ca06b6315e148d75fb083ef4f68cef8da4a87730e999ad0ed5efae7459fa6bc1d_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Solid craftsmanship and clear communication throughout.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g668e2f03873ca8ba6e8078ff566478402a80239a86874fd190cd415e4f2ff6378d0c7aa2807e77717d97e693a95d98892f0008659002b89390cce848c9a0733e_1280.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="DFW Homeowners Trust Us"
|
||||
description="Read why local families choose ACO for honest, reliable roofing services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="DFW Homeowners Trust Us"
|
||||
description="Read why local families choose ACO for honest, reliable roofing services."
|
||||
showRating={true}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best roofing experience we've had in 15 years. Felipe was there every day.", rating: 5, imageSrc: "https://pixabay.com/get/g0a77076ea48b2f0e1ce564c794700d742b52a0bb148266e5fad60a82bca1746e72bf71b816244ee67090bcd078637bd3a0bb634fb16a68cbe81904e057f92c35_1280.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Honest quotes, finished ahead of schedule, and high integrity.", rating: 5, imageSrc: "https://pixabay.com/get/gfabb782dd2d6964e84314e24e6bd2fc70e64a598a5d7867547fc712708cd2060201913f9748eacf1d4adf29da7d7c2d1e54c143c5c5827c43db64c968fd63dbe_1280.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "ACO treats your home like their own. Highly recommended.", rating: 5, imageSrc: "https://pixabay.com/get/g3b4d9f82a2f494253a239728d4fb7606e3a94f4de466edf949db7e82dad5cc0ca06b6315e148d75fb083ef4f68cef8da4a87730e999ad0ed5efae7459fa6bc1d_1280.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Solid craftsmanship and clear communication throughout.", rating: 5, imageSrc: "https://pixabay.com/get/g668e2f03873ca8ba6e8078ff566478402a80239a86874fd190cd415e4f2ff6378d0c7aa2807e77717d97e693a95d98892f0008659002b89390cce848c9a0733e_1280.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most residential projects are completed in 2-3 days, depending on weather.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we always provide transparent, no-obligation estimates for your roof.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you fully insured?",
|
||||
content: "We carry full general liability and workers' compensation coverage for your protection.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gf5d28063f6c1e88c4dbaff27dbcb2b7222de4c9f16fde213ff15afe21971a6adda06e74c0f77815bdaa389706e79981c15ac1e95836ad727fcb9fb93a700637f_1280.jpg"
|
||||
mediaAnimation="opacity"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our roofing process in DFW."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="Roofing maintenance and tools"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our roofing process in DFW."
|
||||
imageSrc="https://pixabay.com/get/gf5d28063f6c1e88c4dbaff27dbcb2b7222de4c9f16fde213ff15afe21971a6adda06e74c0f77815bdaa389706e79981c15ac1e95836ad727fcb9fb93a700637f_1280.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="opacity"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "How long does a roof replacement take?", content: "Most residential projects are completed in 2-3 days, depending on weather." },
|
||||
{ id: "2", title: "Do you provide free estimates?", content: "Yes, we always provide transparent, no-obligation estimates for your roof." },
|
||||
{ id: "3", title: "Are you fully insured?", content: "We carry full general liability and workers' compensation coverage for your protection." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
title="Protect Your Home Today"
|
||||
description="Contact Felipe and the ACO team for a free estimate and professional evaluation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:555-555-5555",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Start?"
|
||||
title="Protect Your Home Today"
|
||||
description="Contact Felipe and the ACO team for a free estimate and professional evaluation."
|
||||
buttons={[{ text: "Contact Us Now", href: "tel:555-555-5555" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/g3372ae6e07817d37f49c0662723cd8a97696f728467bd9a206be6427dbb52e5cd43b03c8d8e620d590f20a424a45ac5c601dfc7215f9aaad5984287abf1b7055_1280.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "ACO Roofing",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Estimates",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 ACO Roofing & Gutters"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/g3372ae6e07817d37f49c0662723cd8a97696f728467bd9a206be6427dbb52e5cd43b03c8d8e620d590f20a424a45ac5c601dfc7215f9aaad5984287abf1b7055_1280.jpg"
|
||||
columns={[
|
||||
{ title: "ACO Roofing", items: [{ label: "About", href: "#about" }, { label: "Estimates", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 ACO Roofing & Gutters"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user