bender/6c7c4174-27a5-40db-acca-b6dd7e827a16
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 5: modified src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 00:34:16 +00:00
parent 05f01137b2
commit 7c4d244816
1 changed files with 50 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/page.tsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
@@ -25,15 +25,18 @@ export default function LandingPage() {
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ name: "Home", id: "/" }, {
{ name: "Services", id: "/services" }, name: "Home", id: "/"},
{ name: "Service Areas", id: "/service-areas" }, {
{ name: "Gallery", id: "/gallery" }, name: "Services", id: "/services"},
{ name: "Contact", id: "/contact" } {
name: "Gallery", id: "/gallery"},
{
name: "Contact", id: "/contact"},
]} ]}
button={{ button={{
text: "Get a Free Quote", href: "/contact"}} text: "Get a Free Quote", href: "/contact"}}
@@ -56,14 +59,16 @@ export default function LandingPage() {
{ {
value: "500+", label: "Projects Completed"}, value: "500+", label: "Projects Completed"},
{ {
value: "5-Star", label: "Customer Satisfaction"}]} value: "5-Star", label: "Customer Satisfaction"},
]}
enableKpiAnimation={true} enableKpiAnimation={true}
tag="Trusted & Experienced" tag="Trusted & Experienced"
buttons={[ buttons={[
{ {
text: "Explore Services", href: "/services"}, text: "Explore Services", href: "/services"},
{ {
text: "Get a Free Quote", href: "/contact"}]} text: "Get a Free Quote", href: "/contact"},
]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png"
imageAlt="Newly installed hardwood floor in a modern kitchen" imageAlt="Newly installed hardwood floor in a modern kitchen"
@@ -78,7 +83,8 @@ export default function LandingPage() {
{ {
src: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371", alt: "Client testimonial"}, src: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371", alt: "Client testimonial"},
{ {
src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179", alt: "Trusted customer"}]} src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179", alt: "Trusted customer"},
]}
avatarText="" avatarText=""
marqueeItems={[ marqueeItems={[
{ {
@@ -90,7 +96,8 @@ export default function LandingPage() {
{ {
type: "text", text: "Dust-Free Sanding"}, type: "text", text: "Dust-Free Sanding"},
{ {
type: "text", text: "Free Consultations"}]} type: "text", text: "Free Consultations"},
]}
/> />
</div> </div>
@@ -107,7 +114,8 @@ export default function LandingPage() {
label: "Personalized Service", value: "Client-Focused"}, label: "Personalized Service", value: "Client-Focused"},
{ {
icon: Cog, icon: Cog,
label: "Experienced Professionals", value: "Since 2012"}]} label: "Experienced Professionals", value: "Since 2012"},
]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
</div> </div>
@@ -120,7 +128,7 @@ export default function LandingPage() {
features={[ features={[
{ {
title: "Hardwood Floor Installation", description: "Expert installation of all hardwood types, ensuring a seamless and durable finish that enhances your home's aesthetic.", media: { title: "Hardwood Floor Installation", description: "Expert installation of all hardwood types, ensuring a seamless and durable finish that enhances your home's aesthetic.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png?_wi=1", imageAlt: "Hardwood floor installation"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png", imageAlt: "Hardwood floor installation"},
items: [ items: [
{ {
icon: Home, icon: Home,
@@ -130,11 +138,13 @@ export default function LandingPage() {
text: "Material Sourcing"}, text: "Material Sourcing"},
{ {
icon: Star, icon: Star,
text: "Quality Guaranteed"}], text: "Quality Guaranteed"},
reverse: false}, ],
reverse: false,
},
{ {
title: "Professional Floor Sanding", description: "Restore the natural beauty of your existing hardwood floors with our dust-free sanding and refinishing services, bringing them back to life.", media: { title: "Professional Floor Sanding", description: "Restore the natural beauty of your existing hardwood floors with our dust-free sanding and refinishing services, bringing them back to life.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png?_wi=1", imageAlt: "Floor sanding service"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png", imageAlt: "Floor sanding service"},
items: [ items: [
{ {
icon: Brush, icon: Brush,
@@ -144,11 +154,13 @@ export default function LandingPage() {
text: "Dustless System"}, text: "Dustless System"},
{ {
icon: Paintbrush, icon: Paintbrush,
text: "Stain Matching"}], text: "Stain Matching"},
reverse: true}, ],
reverse: true,
},
{ {
title: "Free Estimates & Consultation", description: "Start your flooring project with confidence. We offer complimentary, no-obligation estimates and expert advice tailored to your needs.", media: { title: "Free Estimates & Consultation", description: "Start your flooring project with confidence. We offer complimentary, no-obligation estimates and expert advice tailored to your needs.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png?_wi=1", imageAlt: "Free flooring estimate"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png", imageAlt: "Free flooring estimate"},
items: [ items: [
{ {
icon: ClipboardCheck, icon: ClipboardCheck,
@@ -158,8 +170,11 @@ export default function LandingPage() {
text: "Expert Advice"}, text: "Expert Advice"},
{ {
icon: Calendar, icon: Calendar,
text: "Flexible Scheduling"}], text: "Flexible Scheduling"},
reverse: false}]} ],
reverse: false,
},
]}
title="Experience the Art of Flooring with FloorCraft" title="Experience the Art of Flooring with FloorCraft"
description="From classic hardwoods to modern finishes, our family's expertise ensures your floors are a masterpiece. Explore our comprehensive services designed to bring beauty and durability to your home." description="From classic hardwoods to modern finishes, our family's expertise ensures your floors are a masterpiece. Explore our comprehensive services designed to bring beauty and durability to your home."
/> />
@@ -177,7 +192,8 @@ export default function LandingPage() {
{ {
value: "98%", label: "Client Retention"}, value: "98%", label: "Client Retention"},
{ {
value: "100%", label: "Satisfaction"}]} value: "100%", label: "Satisfaction"},
]}
title="What Our Family of Customers Says" title="What Our Family of Customers Says"
description="Hearing from our satisfied clients is the greatest reward. Their trust in our craftsmanship and personal approach is the foundation of our business." description="Hearing from our satisfied clients is the greatest reward. Their trust in our craftsmanship and personal approach is the foundation of our business."
/> />
@@ -206,7 +222,9 @@ export default function LandingPage() {
{ {
label: "Gallery", href: "/gallery"}, label: "Gallery", href: "/gallery"},
{ {
label: "Contact", href: "/contact"}]}, label: "Contact", href: "/contact"},
],
},
{ {
title: "Services", items: [ title: "Services", items: [
{ {
@@ -216,7 +234,9 @@ export default function LandingPage() {
{ {
label: "Free Estimates", href: "/services#free-estimates"}, label: "Free Estimates", href: "/services#free-estimates"},
{ {
label: "Custom Designs", href: "/services#custom-designs"}]}, label: "Custom Designs", href: "/services#custom-designs"},
],
},
{ {
title: "About Us", items: [ title: "About Us", items: [
{ {
@@ -224,16 +244,19 @@ export default function LandingPage() {
{ {
label: "Testimonials", href: "/#home-testimonials"}, label: "Testimonials", href: "/#home-testimonials"},
{ {
label: "Service Areas", href: "/service-areas"}, label: "Service Areas", href: "/services#service-areas"},
{ {
label: "FAQs", href: "/contact"}]}]} label: "FAQs", href: "/contact#faq"},
],
},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
logoAlt="FloorCraft Logo" logoAlt="FloorCraft Logo"
logoText="FloorCraft" logoText="FloorCraft"
copyrightText="© 2024 FloorCraft. All rights reserved." copyrightText="© 2024 FloorCraft. All rights reserved."
/> />
</div> </div>
</ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }