Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Garner Roofing Inc."
|
||||
/>
|
||||
@@ -52,68 +40,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Roofing Done Right — The First Time."
|
||||
description="Trusted by Hundreds of Homeowners for High-Quality Roof Repairs, Replacements & Inspections."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123",
|
||||
},
|
||||
{ text: "Get Free Inspection", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15550123" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/a-luxury-residential-roof-undergoing-pre-1774847773054-cafc98ea.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/a-luxury-residential-roof-undergoing-pre-1774847773054-cafc98ea.png"
|
||||
imageAlt="Luxury home roof construction"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/middle-aged-homeowner-portrait-confident-1774847773123-5f2cabca.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/young-professional-couple-smiling-in-fro-1774847772579-2d1ca752.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-male-contractor-or-business-1774847772101-907201e2.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/middle-aged-homeowner-portrait-confident-1774847773123-5f2cabca.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/young-professional-couple-smiling-in-fro-1774847772579-2d1ca752.png", alt: "Client 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-male-contractor-or-business-1774847772101-907201e2.png", alt: "Client 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "5-Star Rating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Installations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Veteran Owned",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "5-Star Rating" },
|
||||
{ type: "text", text: "Expert Installations" },
|
||||
{ type: "text", text: "Premium Materials" },
|
||||
{ type: "text", text: "Veteran Owned" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,21 +75,12 @@ export default function LandingPage() {
|
||||
title="Built on Craftsmanship. Backed by Real Results."
|
||||
description="We are a veteran-owned roofing company committed to transparency and high-end results. We handle complex jobs, large replacements, and thorough inspections that others won't do."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Thorough Inspections",
|
||||
description: "We provide detailed evaluations that go deeper than the standard industry checks.",
|
||||
},
|
||||
{
|
||||
title: "Honest Recommendations",
|
||||
description: "We put your roof's integrity over profit, even recommending repairs when others push full replacements.",
|
||||
},
|
||||
{
|
||||
title: "Accountability",
|
||||
description: "We aren't perfect, but we take responsibility seriously and strive for excellence in every project.",
|
||||
},
|
||||
{ title: "Thorough Inspections", description: "We provide detailed evaluations that go deeper than the standard industry checks." },
|
||||
{ title: "Honest Recommendations", description: "We put your roof's integrity over profit, even recommending repairs when others push full replacements." },
|
||||
{ title: "Accountability", description: "We aren't perfect, but we take responsibility seriously and strive for excellence in every project." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/a-luxury-residential-roof-undergoing-pre-1774847773054-cafc98ea.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/a-luxury-residential-roof-undergoing-pre-1774847773054-cafc98ea.png"
|
||||
imageAlt="Roofing craftsmanship detail"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,27 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Roof Replacement",
|
||||
description: "Full tear-offs and premium material installation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/detailed-view-of-high-quality-roof-shing-1774847773092-4908b0a1.png?_wi=1",
|
||||
imageAlt: "Roof replacement",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Gutter Systems",
|
||||
description: "Seamless gutter installation and cleaning.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/close-up-of-a-premium-gutter-system-inst-1774847773146-8ba84868.png?_wi=1",
|
||||
imageAlt: "Gutter systems",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Solar Roofing",
|
||||
description: "Modern solar energy integration.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-solar-panel-installation-on-1774847772697-e7faf8ca.png?_wi=1",
|
||||
imageAlt: "Solar installation",
|
||||
},
|
||||
{ id: 1, title: "Roof Replacement", description: "Full tear-offs and premium material installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/detailed-view-of-high-quality-roof-shing-1774847773092-4908b0a1.png", imageAlt: "Roof replacement" },
|
||||
{ id: 2, title: "Gutter Systems", description: "Seamless gutter installation and cleaning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/close-up-of-a-premium-gutter-system-inst-1774847773146-8ba84868.png", imageAlt: "Gutter systems" },
|
||||
{ id: 3, title: "Solar Roofing", description: "Modern solar energy integration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-solar-panel-installation-on-1774847772697-e7faf8ca.png", imageAlt: "Solar installation" },
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Comprehensive roofing solutions built for luxury homes and long-term durability."
|
||||
@@ -179,30 +102,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 4,
|
||||
title: "Reliable Scheduling",
|
||||
description: "We show up on time and respect your property.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/detailed-view-of-high-quality-roof-shing-1774847773092-4908b0a1.png?_wi=2",
|
||||
imageAlt: "Reliable crew",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden costs, just honest, fair estimates.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/close-up-of-a-premium-gutter-system-inst-1774847773146-8ba84868.png?_wi=2",
|
||||
imageAlt: "Pricing transparency",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Complex Estate Expertise",
|
||||
description: "Specializing in large-scale residential projects.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-solar-panel-installation-on-1774847772697-e7faf8ca.png?_wi=2",
|
||||
imageAlt: "Estate project",
|
||||
},
|
||||
{ id: 4, title: "Reliable Scheduling", description: "We show up on time and respect your property.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/detailed-view-of-high-quality-roof-shing-1774847773092-4908b0a1.png", imageAlt: "Reliable crew" },
|
||||
{ id: 5, title: "Transparent Pricing", description: "No hidden costs, just honest, fair estimates.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/close-up-of-a-premium-gutter-system-inst-1774847773146-8ba84868.png", imageAlt: "Pricing transparency" },
|
||||
{ id: 6, title: "Complex Estate Expertise", description: "Specializing in large-scale residential projects.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-solar-panel-installation-on-1774847772697-e7faf8ca.png", imageAlt: "Estate project" },
|
||||
]}
|
||||
title="Why Homeowners Choose Garner Roofing"
|
||||
description="Experience the difference of a professional contractor that values your trust as much as your roof."
|
||||
@@ -216,46 +122,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Verified Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Property Owner",
|
||||
company: "Verified Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/middle-aged-homeowner-portrait-confident-1774847773123-5f2cabca.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Verified Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/young-professional-couple-smiling-in-fro-1774847772579-2d1ca752.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Estate Manager",
|
||||
company: "Verified Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-male-contractor-or-business-1774847772101-907201e2.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer L.",
|
||||
role: "Resident",
|
||||
company: "Verified Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Verified Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png" },
|
||||
{ id: "2", name: "Michael D.", role: "Property Owner", company: "Verified Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/middle-aged-homeowner-portrait-confident-1774847773123-5f2cabca.png" },
|
||||
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Verified Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/young-professional-couple-smiling-in-fro-1774847772579-2d1ca752.png" },
|
||||
{ id: "4", name: "David K.", role: "Estate Manager", company: "Verified Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-male-contractor-or-business-1774847772101-907201e2.png" },
|
||||
{ id: "5", name: "Jennifer L.", role: "Resident", company: "Verified Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeR6ijxm2yb9yAhfsNICgIoTvU/professional-studio-portrait-of-a-happy--1774847773013-4e47cbdd.png" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from real homeowners who trust our expertise."
|
||||
@@ -267,31 +138,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What happens if a project has delays?",
|
||||
content: "We communicate proactively.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle small jobs?",
|
||||
content: "Yes, we treat every job with care.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely.",
|
||||
},
|
||||
{ id: "f1", title: "What happens if a project has delays?", content: "We communicate proactively." },
|
||||
{ id: "f2", title: "Do you handle small jobs?", content: "Yes, we treat every job with care." },
|
||||
{ id: "f3", title: "Are you licensed and insured?", content: "Absolutely." },
|
||||
]}
|
||||
ctaTitle="Request Your Free Inspection"
|
||||
ctaDescription="Get an honest assessment today."
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
ctaButton={{ text: "Book Now", href: "#contact" }}
|
||||
ctaIcon={Phone}
|
||||
title="Accountability & Transparency"
|
||||
description="We take feedback seriously."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -300,45 +154,22 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "How long does an inspection take?",
|
||||
content: "Typically 1 hour.",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, flexible options available.",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
title: "Can you handle storm damage?",
|
||||
content: "Yes, we handle insurance claims.",
|
||||
},
|
||||
{ id: "c1", title: "How long does an inspection take?", content: "Typically 1 hour." },
|
||||
{ id: "c2", title: "Do you offer financing?", content: "Yes, flexible options available." },
|
||||
{ id: "c3", title: "Can you handle storm damage?", content: "Yes, we handle insurance claims." },
|
||||
]}
|
||||
ctaTitle="Get Started Today"
|
||||
ctaDescription="Free inspections, no pressure."
|
||||
ctaButton={{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
}}
|
||||
ctaButton={{ text: "Get Free Inspection", href: "#contact" }}
|
||||
ctaIcon={ArrowRight}
|
||||
title="Ready to Start?"
|
||||
description="Protect your most valuable asset today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Garner Roofing Inc."
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user