210 lines
8.4 KiB
TypeScript
210 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import { CheckCircle, ListChecks, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
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="services-overview" data-section="services-overview">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Hardwood Installation", description: "From selection to installation, we guide you through choosing the perfect hardwood, ensuring a beautiful and lasting addition to your home.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2344.jpg", imageAlt: "Hardwood floor installation"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Wide Selection"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Dust-Free Process"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Lasting Durability"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Floor Sanding & Refinishing", description: "Breathe new life into old floors. Our meticulous sanding and refinishing services restore their original luster and protect them for years to come.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-yellow-gloves-cleaning-floor_140725-12662.jpg", imageAlt: "Floor sanding and refinishing"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Color Matching"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Scratch Removal"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Protective Coats"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Custom Flooring Designs", description: "Elevate your space with unique patterns, borders, and inlay designs. We craft bespoke flooring solutions that reflect your personal style and vision.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg", imageAlt: "Custom patterned hardwood floor"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Unique Patterns"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Decorative Inlays"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Personalized Style"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Your Complete Flooring Solution"
|
|
description="FloorCraft delivers expert solutions for every flooring need, combining traditional craftsmanship with modern techniques for outstanding results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="free-estimates" data-section="free-estimates">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "estimate", badge: "No Obligation", badgeIcon: Sparkles,
|
|
price: "FREE", subtitle: "Comprehensive Quote", buttons: [
|
|
{
|
|
text: "Request Your Free Estimate", href: "/contact"},
|
|
],
|
|
features: [
|
|
"On-site measurement & assessment", "Detailed project breakdown", "Material recommendations", "Timeline estimation", "No hidden fees"],
|
|
},
|
|
{
|
|
id: "consultation", badge: "Expert Advice", badgeIcon: ListChecks,
|
|
price: "Custom", subtitle: "Project Consultation", buttons: [
|
|
{
|
|
text: "Schedule a Consultation", href: "/contact"},
|
|
],
|
|
features: [
|
|
"In-depth design discussion", "Material samples & finishes", "Personalized style guidance", "Budget planning support", "Long-term maintenance tips"],
|
|
},
|
|
]}
|
|
title="Ready for Your Dream Floors?"
|
|
description="Get started with FloorCraft today! We offer transparent pricing and personalized quotes to ensure your project fits your vision and budget. Your free estimate is just a click away."
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-areas" data-section="service-areas">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Serving the Southeast's Finest Homes"
|
|
tag="Our Reach"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Georgia", description: "Extensive Coverage"},
|
|
{
|
|
id: "2", value: "Florida", description: "Sunshine State Projects"},
|
|
{
|
|
id: "3", value: "South Carolina", description: "Coastal to Inland"},
|
|
{
|
|
id: "4", value: "Alabama", description: "Heart of the South"},
|
|
{
|
|
id: "5", value: "North Carolina", description: "Mountain to Sea"},
|
|
{
|
|
id: "6", value: "Mississippi", description: "Magnolia State Floors"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</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>
|
|
);
|
|
}
|