Merge version_1 into main #1
346
src/app/page.tsx
346
src/app/page.tsx
@@ -26,240 +26,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="WNY First Choice"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="WNY First Choice"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Built for Quality, Designed for You"
|
||||
description="WNY First Choice Construction brings expert craftsmanship and reliability to every residential and commercial project in Western New York."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg"
|
||||
imageAlt="Professional construction work"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-fresh-bread-kitchen_1303-22232.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825928.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners in WNY"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Built for Quality, Designed for You"
|
||||
description="WNY First Choice Construction brings expert craftsmanship and reliability to every residential and commercial project in Western New York."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg"
|
||||
imageAlt="Professional construction work"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-fresh-bread-kitchen_1303-22232.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825928.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners in WNY"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Free Estimates" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Your Trusted Construction Partner in WNY"
|
||||
description="We specialize in high-quality construction services. Our team is committed to excellence, ensuring every project is delivered on time, within budget, and to the highest industry standards."
|
||||
subdescription="With years of experience, we pride ourselves on transparent communication and superior quality control on every job site."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-brainstorm-work-huge-project-design-bureau-four-colleagues-office-clothes-standing-attentively-watching-schemes-drawings-lay-table-near-their-main-leader_273609-5759.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Your Trusted Construction Partner in WNY"
|
||||
description="We specialize in high-quality construction services. Our team is committed to excellence, ensuring every project is delivered on time, within budget, and to the highest industry standards."
|
||||
subdescription="With years of experience, we pride ourselves on transparent communication and superior quality control on every job site."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-brainstorm-work-huge-project-design-bureau-four-colleagues-office-clothes-standing-attentively-watching-schemes-drawings-lay-table-near-their-main-leader_273609-5759.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Delays without communication",
|
||||
"Hidden costs",
|
||||
"Subpar building materials",
|
||||
"Lack of professional licensing",
|
||||
"Poor customer support",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Transparent timelines",
|
||||
"Detailed budget reporting",
|
||||
"Premium grade materials",
|
||||
"Certified construction experts",
|
||||
"Lifetime warranty on labor",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="We stand out in the construction industry by prioritizing our clients and the integrity of our craftsmanship."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Delays without communication", "Hidden costs", "Subpar building materials", "Lack of professional licensing", "Poor customer support"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Transparent timelines", "Detailed budget reporting", "Premium grade materials", "Certified construction experts", "Lifetime warranty on labor"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="We stand out in the construction industry by prioritizing our clients and the integrity of our craftsmanship."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Robert Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Exceptional work on my home remodel. Professional, timely, and excellent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Davis",
|
||||
role: "Business Owner",
|
||||
testimonial: "Handled our commercial fit-out perfectly. Great team and very easy to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Wilson",
|
||||
role: "Property Manager",
|
||||
testimonial: "Top-tier reliability. My first choice for any future construction needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-fresh-bread-kitchen_1303-22232.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda Thompson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Quality was above my expectations. Clean site and friendly workers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825928.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Stevens",
|
||||
role: "Homeowner",
|
||||
testimonial: "Project completed on schedule. Very impressed with their attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—read reviews from our satisfied clients in the WNY area."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Robert Miller", role: "Homeowner", testimonial: "Exceptional work on my home remodel. Professional, timely, and excellent quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah Davis", role: "Business Owner", testimonial: "Handled our commercial fit-out perfectly. Great team and very easy to work with.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg"},
|
||||
{
|
||||
id: "3", name: "James Wilson", role: "Property Manager", testimonial: "Top-tier reliability. My first choice for any future construction needs.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-fresh-bread-kitchen_1303-22232.jpg"},
|
||||
{
|
||||
id: "4", name: "Linda Thompson", role: "Homeowner", testimonial: "Quality was above my expectations. Clean site and friendly workers.", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825928.jpg"},
|
||||
{
|
||||
id: "5", name: "Mark Stevens", role: "Homeowner", testimonial: "Project completed on schedule. Very impressed with their attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—read reviews from our satisfied clients in the WNY area."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to get started on your construction project? Let's talk about how WNY First Choice can help build your vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Today",
|
||||
href: "mailto:info@wnyconstruction.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to get started on your construction project? Let's talk about how WNY First Choice can help build your vision."
|
||||
buttons={[{ text: "Contact Us Today", href: "mailto:info@wnyconstruction.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="WNY First Choice"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Renovations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 WNY First Choice Construction"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="WNY First Choice"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#" },
|
||||
{ label: "Commercial", href: "#" },
|
||||
{ label: "Renovations", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 WNY First Choice Construction"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user