262 lines
10 KiB
TypeScript
262 lines
10 KiB
TypeScript
"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';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Briefcase, Calendar, Cog, Home, Hammer, MessageCircle, Paintbrush, Sparkles, Star, Brush, ClipboardCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "Gallery", id: "/gallery"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
button={{
|
|
text: "Get a Free Quote", href: "/contact"}}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
|
logoAlt="FloorCraft Logo"
|
|
brandName="FloorCraft"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="FloorCraft: Family Craftsmanship Underfoot Since 2012"
|
|
description="Your home deserves the touch of experienced hands. We're a family-owned business specializing in hardwood floor installation, sanding, and restoration, built on trust and personal relationships."
|
|
kpis={[
|
|
{
|
|
value: "12+", label: "Years in Business"},
|
|
{
|
|
value: "500+", label: "Projects Completed"},
|
|
{
|
|
value: "5-Star", label: "Customer Satisfaction"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Trusted & Experienced"
|
|
buttons={[
|
|
{
|
|
text: "Explore Services", href: "/services"},
|
|
{
|
|
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"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052", alt: "Satisfied client"},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080", alt: "Happy homeowner"},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/warm-wooden-texture_23-2151946271.jpg?id=413147449", alt: "Project supervisor"},
|
|
{
|
|
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"},
|
|
]}
|
|
avatarText=""
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Hardwood Installation"},
|
|
{
|
|
type: "text", text: "Floor Refinishing"},
|
|
{
|
|
type: "text", text: "Custom Designs"},
|
|
{
|
|
type: "text", text: "Dust-Free Sanding"},
|
|
{
|
|
type: "text", text: "Free Consultations"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Family's Promise: Quality You Can Stand On"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Unmatched Craftsmanship", value: "Premium Finishes"},
|
|
{
|
|
icon: Briefcase,
|
|
label: "Personalized Service", value: "Client-Focused"},
|
|
{
|
|
icon: Cog,
|
|
label: "Experienced Professionals", value: "Since 2012"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-features" data-section="home-features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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", imageAlt: "Hardwood floor installation"},
|
|
items: [
|
|
{
|
|
icon: Home,
|
|
text: "New Installations"},
|
|
{
|
|
icon: Hammer,
|
|
text: "Material Sourcing"},
|
|
{
|
|
icon: Star,
|
|
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", imageAlt: "Floor sanding service"},
|
|
items: [
|
|
{
|
|
icon: Brush,
|
|
text: "Refinishing"},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Dustless System"},
|
|
{
|
|
icon: Paintbrush,
|
|
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", imageAlt: "Free flooring estimate"},
|
|
items: [
|
|
{
|
|
icon: ClipboardCheck,
|
|
text: "Detailed Quotes"},
|
|
{
|
|
icon: MessageCircle,
|
|
text: "Expert Advice"},
|
|
{
|
|
icon: Calendar,
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-testimonials" data-section="home-testimonials">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="depth-3d"
|
|
testimonials={[]}
|
|
kpiItems={[
|
|
{
|
|
value: "5.0", label: "Average Rating"},
|
|
{
|
|
value: "98%", label: "Client Retention"},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[]}
|
|
title=""
|
|
description=""
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Services", href: "/services"},
|
|
{
|
|
label: "Gallery", href: "/gallery"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Hardwood Installation", href: "/services#hardwood-installation"},
|
|
{
|
|
label: "Floor Sanding", href: "/services#floor-sanding"},
|
|
{
|
|
label: "Free Estimates", href: "/services#free-estimates"},
|
|
{
|
|
label: "Custom Designs", href: "/services#custom-designs"},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us", items: [
|
|
{
|
|
label: "Our Story", href: "/#about"},
|
|
{
|
|
label: "Testimonials", href: "/#home-testimonials"},
|
|
{
|
|
label: "Service Areas", href: "/services#service-areas"},
|
|
{
|
|
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>
|
|
);
|
|
} |