Merge version_1 into main #1
405
src/app/page.tsx
405
src/app/page.tsx
@@ -27,287 +27,146 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Wolfe Construction"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Wolfe Construction"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Built on Quality. Delivered with Care."
|
||||
description="Wolfe Construction has been delivering top-quality workmanship and professional construction management in Edmonton for over 15 years."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "90+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124282.jpg"
|
||||
imageAlt="Wolfe Construction Site"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-is-carrying-wood-planks-very-hard-construction-site_1150-21888.jpg",
|
||||
alt: "Construction worker is carrying wood planks",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg",
|
||||
alt: "Building and construction worker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-with-blueprint_1098-14292.jpg",
|
||||
alt: "Working with blueprint",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-wearing-safety-glasses-construction-site_23-2148784055.jpg",
|
||||
alt: "Worker wearing safety glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/correcting-blueprint_1098-18185.jpg",
|
||||
alt: "Correcting blueprint",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by local experts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Construction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Renovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Project Management",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Framing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Finishing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Built on Quality. Delivered with Care."
|
||||
description="Wolfe Construction has been delivering top-quality workmanship and professional construction management in Edmonton for over 15 years."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "90+", label: "Verified Reviews" },
|
||||
{ value: "4.8", label: "Avg. Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124282.jpg"
|
||||
imageAlt="Wolfe Construction Site"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-worker-is-carrying-wood-planks-very-hard-construction-site_1150-21888.jpg", alt: "Construction worker is carrying wood planks" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124270.jpg", alt: "Building and construction worker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/working-with-blueprint_1098-14292.jpg", alt: "Working with blueprint" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-wearing-safety-glasses-construction-site_23-2148784055.jpg", alt: "Worker wearing safety glasses" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/correcting-blueprint_1098-18185.jpg", alt: "Correcting blueprint" },
|
||||
]}
|
||||
avatarText="Trusted by local experts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Residential Construction" },
|
||||
{ type: "text", text: "Commercial Renovation" },
|
||||
{ type: "text", text: "Project Management" },
|
||||
{ type: "text", text: "Expert Framing" },
|
||||
{ type: "text", text: "Quality Finishing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Trusted Edmonton General Contractors"
|
||||
description="We are a full-service construction company committed to high standards, reliable results, and clear communication. From bathroom renovations to full commercial management, we handle projects with professional precision."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Management",
|
||||
description: "Seamless construction project coordination from start to finish.",
|
||||
},
|
||||
{
|
||||
title: "High Quality Standards",
|
||||
description: "Proven results through 15+ years of dedicated professional craft.",
|
||||
},
|
||||
{
|
||||
title: "Client Focused",
|
||||
description: "Exceptional communication with reliable project turnaround times.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124313.jpg"
|
||||
imageAlt="Construction Management"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Trusted Edmonton General Contractors"
|
||||
description="We are a full-service construction company committed to high standards, reliable results, and clear communication. From bathroom renovations to full commercial management, we handle projects with professional precision."
|
||||
bulletPoints={[
|
||||
{ title: "Expert Management", description: "Seamless construction project coordination from start to finish." },
|
||||
{ title: "High Quality Standards", description: "Proven results through 15+ years of dedicated professional craft." },
|
||||
{ title: "Client Focused", description: "Exceptional communication with reliable project turnaround times." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124313.jpg"
|
||||
imageAlt="Construction Management"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Remodeling & Renovations",
|
||||
description: "Expert bathroom and kitchen makeovers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-symmetry-historic-atrium-upward-view-through-stairs_169016-70079.jpg",
|
||||
imageAlt: "Renovation",
|
||||
},
|
||||
{
|
||||
title: "Finishing & Drywall",
|
||||
description: "Precision drywall installation and taping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-workers-job_23-2149366671.jpg",
|
||||
imageAlt: "Finishing",
|
||||
},
|
||||
{
|
||||
title: "Residential Framing",
|
||||
description: "Structural framing with professional accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-sends-engineer-improve-energy-production_482257-118030.jpg",
|
||||
imageAlt: "Framing",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Construction Services"
|
||||
description="Professional solutions for residential and commercial needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Remodeling & Renovations", description: "Expert bathroom and kitchen makeovers.", imageSrc: "http://img.b2bpic.net/free-photo/light-symmetry-historic-atrium-upward-view-through-stairs_169016-70079.jpg", imageAlt: "Renovation" },
|
||||
{ title: "Finishing & Drywall", description: "Precision drywall installation and taping.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-workers-job_23-2149366671.jpg", imageAlt: "Finishing" },
|
||||
{ title: "Residential Framing", description: "Structural framing with professional accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-sends-engineer-improve-energy-production_482257-118030.jpg", imageAlt: "Framing" },
|
||||
]}
|
||||
title="Comprehensive Construction Services"
|
||||
description="Professional solutions for residential and commercial needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years in Business",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "91",
|
||||
description: "5-Star Google Reviews",
|
||||
},
|
||||
]}
|
||||
title="Our Project Impact"
|
||||
description="Proven results for Edmonton's residential and commercial landscape."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years in Business" },
|
||||
{ id: "m2", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m3", value: "91", description: "5-Star Google Reviews" },
|
||||
]}
|
||||
title="Our Project Impact"
|
||||
description="Proven results for Edmonton's residential and commercial landscape."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086832.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael D.",
|
||||
role: "Manager",
|
||||
company: "Commercial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Renovation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-browsing-tablet-kitchen_23-2147769506.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Developer",
|
||||
company: "Real Estate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karen S.",
|
||||
role: "Homeowner",
|
||||
company: "Washroom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877352.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Overall Rating",
|
||||
},
|
||||
{
|
||||
value: "91",
|
||||
label: "Total Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by Edmonton home and business owners."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086832.jpg" },
|
||||
{ id: "t2", name: "Michael D.", role: "Manager", company: "Commercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Homeowner", company: "Renovation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-browsing-tablet-kitchen_23-2147769506.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Developer", company: "Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg" },
|
||||
{ id: "t5", name: "Karen S.", role: "Homeowner", company: "Washroom", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877352.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.8", label: "Overall Rating" },
|
||||
{ value: "91", label: "Total Reviews" },
|
||||
{ value: "100%", label: "Client Satisfaction" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by Edmonton home and business owners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Edmonton Construction Association Member",
|
||||
"Commercial & Residential Standards",
|
||||
"Professional Licensing",
|
||||
"Safety Certified",
|
||||
"Construction Association Western Canada",
|
||||
"Quality Craftsmanship",
|
||||
"Project Management Excellence",
|
||||
]}
|
||||
title="Serving Edmonton & Area"
|
||||
description="Professional construction associations and standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Edmonton Construction Association Member", "Commercial & Residential Standards", "Professional Licensing", "Safety Certified", "Construction Association Western Canada", "Quality Craftsmanship", "Project Management Excellence"]}
|
||||
title="Serving Edmonton & Area"
|
||||
description="Professional construction associations and standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project Today"
|
||||
description="Ready to discuss your renovation or construction project? Contact us today for professional management and quality service."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project Today"
|
||||
description="Ready to discuss your renovation or construction project? Contact us today for professional management and quality service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Wolfe Construction"
|
||||
copyrightText="© 2025 Wolfe Construction. Edmonton, AB."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Wolfe Construction"
|
||||
copyrightText="© 2025 Wolfe Construction. Edmonton, AB."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user