Switch to version 5: modified src/app/page.tsx
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -25,15 +25,18 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Service Areas", id: "/service-areas" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote", href: "/contact"}}
|
||||
@@ -56,14 +59,16 @@ export default function LandingPage() {
|
||||
{
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "5-Star", label: "Customer Satisfaction"}]}
|
||||
value: "5-Star", label: "Customer Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Trusted & Experienced"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "/services"},
|
||||
{
|
||||
text: "Get a Free Quote", href: "/contact"}]}
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
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"
|
||||
@@ -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-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=""
|
||||
marqueeItems={[
|
||||
{
|
||||
@@ -90,7 +96,8 @@ export default function LandingPage() {
|
||||
{
|
||||
type: "text", text: "Dust-Free Sanding"},
|
||||
{
|
||||
type: "text", text: "Free Consultations"}]}
|
||||
type: "text", text: "Free Consultations"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,7 +114,8 @@ export default function LandingPage() {
|
||||
label: "Personalized Service", value: "Client-Focused"},
|
||||
{
|
||||
icon: Cog,
|
||||
label: "Experienced Professionals", value: "Since 2012"}]}
|
||||
label: "Experienced Professionals", value: "Since 2012"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -120,7 +128,7 @@ export default function LandingPage() {
|
||||
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: {
|
||||
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: [
|
||||
{
|
||||
icon: Home,
|
||||
@@ -130,11 +138,13 @@ export default function LandingPage() {
|
||||
text: "Material Sourcing"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Quality Guaranteed"}],
|
||||
reverse: false},
|
||||
text: "Quality Guaranteed"},
|
||||
],
|
||||
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: {
|
||||
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: [
|
||||
{
|
||||
icon: Brush,
|
||||
@@ -144,11 +154,13 @@ export default function LandingPage() {
|
||||
text: "Dustless System"},
|
||||
{
|
||||
icon: Paintbrush,
|
||||
text: "Stain Matching"}],
|
||||
reverse: true},
|
||||
text: "Stain Matching"},
|
||||
],
|
||||
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: {
|
||||
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: [
|
||||
{
|
||||
icon: ClipboardCheck,
|
||||
@@ -158,8 +170,11 @@ export default function LandingPage() {
|
||||
text: "Expert Advice"},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Flexible Scheduling"}],
|
||||
reverse: false}]}
|
||||
text: "Flexible Scheduling"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
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."
|
||||
/>
|
||||
@@ -177,7 +192,8 @@ export default function LandingPage() {
|
||||
{
|
||||
value: "98%", label: "Client Retention"},
|
||||
{
|
||||
value: "100%", label: "Satisfaction"}]}
|
||||
value: "100%", label: "Satisfaction"},
|
||||
]}
|
||||
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."
|
||||
/>
|
||||
@@ -206,7 +222,9 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Contact", href: "/contact"}]},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
@@ -216,7 +234,9 @@ export default function LandingPage() {
|
||||
{
|
||||
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: [
|
||||
{
|
||||
@@ -224,16 +244,19 @@ export default function LandingPage() {
|
||||
{
|
||||
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"
|
||||
logoAlt="FloorCraft Logo"
|
||||
logoText="FloorCraft"
|
||||
copyrightText="© 2024 FloorCraft. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user