472 lines
16 KiB
TypeScript
472 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Projects",
|
|
id: "#projects",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15357.jpg"
|
|
logoAlt="Stevensons Hardwood Floors Logo"
|
|
brandName="Stevensons Hardwood Floors"
|
|
button={{
|
|
text: "Get A Quote",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "downward-rays-static",
|
|
}}
|
|
title="Premium Hardwood Floors Built to Last Generations"
|
|
description="Stevensons delivers expert installation and heirloom-quality hardwood flooring for homes and businesses. Trusted locally for 20 years with exceptional craftsmanship."
|
|
buttons={[
|
|
{
|
|
text: "Get Your Free Flooring Consultation",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2344.jpg"
|
|
imageAlt="Luxury hardwood floor installation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Your Trusted Hardwood Flooring Partner"
|
|
description="For two decades, Stevensons Hardwood Floors has been synonymous with unparalleled quality and dedicated service. We combine traditional craftsmanship with modern techniques to deliver stunning and durable flooring solutions for every space."
|
|
metrics={[
|
|
{
|
|
value: "20+",
|
|
title: "Years Experience",
|
|
},
|
|
{
|
|
value: "500+",
|
|
title: "Projects Completed",
|
|
},
|
|
{
|
|
value: "5-Star",
|
|
title: "Customer Rating",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-carpenter-placing-plank-wooden-surface-workshop_23-2147944908.jpg"
|
|
imageAlt="Craftsman installing hardwood floor"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Expert Installation",
|
|
descriptions: [
|
|
"Precise and efficient installation by certified professionals, ensuring a flawless finish and long-lasting durability.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898112.jpg",
|
|
imageAlt: "Expert hardwood floor installation",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Wide Selection of Wood Species",
|
|
descriptions: [
|
|
"Explore an extensive range of hardwood species, finishes, and patterns to find the perfect match for your aesthetic and lifestyle.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-chair_23-2150062402.jpg",
|
|
imageAlt: "Variety of wood species samples",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Sanding & Refinishing",
|
|
descriptions: [
|
|
"Restore the beauty of your existing hardwood floors with our professional sanding and refinishing services, bringing old floors back to life.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-piece-wood_23-2148384495.jpg",
|
|
imageAlt: "Hardwood floor sanding and refinishing",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Custom Design & Layouts",
|
|
descriptions: [
|
|
"Collaborate with our designers to create unique patterns, borders, and inlays that make your hardwood floors a true work of art.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-mature-craftsman-s-hands-working-his-workspace-man-drawing-sketch-grounge-dark-stone-texture-background_1157-51564.jpg",
|
|
imageAlt: "Custom hardwood floor design",
|
|
},
|
|
]}
|
|
title="Our Comprehensive Flooring Services"
|
|
description="From selection to installation and beyond, Stevensons offers a full suite of services to ensure your floors are beautiful, durable, and perfectly suited to your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Residential",
|
|
name: "Classic Oak Living Room",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "⭐⭐⭐⭐⭐",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior_23-2152016396.jpg",
|
|
imageAlt: "Classic Oak Living Room",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Commercial",
|
|
name: "Modern Office Space",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "⭐⭐⭐⭐⭐",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-nobody-it_482257-55.jpg",
|
|
imageAlt: "Modern Office Space Hardwood",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Residential",
|
|
name: "Rustic Walnut Dining Area",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "⭐⭐⭐⭐⭐",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-handsome-stylish-businessman-standing-near-table-with-laptop-thinking-working_1258-245317.jpg",
|
|
imageAlt: "Rustic Walnut Dining Area",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Residential",
|
|
name: "Contemporary Maple Bedroom",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "⭐⭐⭐⭐⭐",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
|
|
imageAlt: "Contemporary Maple Bedroom",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Commercial",
|
|
name: "Retail Showroom Elegance",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "⭐⭐⭐⭐⭐",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg",
|
|
imageAlt: "Retail Showroom Hardwood",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Residential",
|
|
name: "Herringbone Parquet Hallway",
|
|
price: "View Project",
|
|
rating: 5,
|
|
reviewCount: "⭐⭐⭐⭐⭐",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943437.jpg",
|
|
imageAlt: "Herringbone Parquet Hallway",
|
|
},
|
|
]}
|
|
title="Our Gallery: Hardwood Transformations"
|
|
description="Explore a selection of our recently completed residential and commercial projects, showcasing the beauty and versatility of Stevensons Hardwood Floors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah J.",
|
|
role: "Homeowner",
|
|
company: "Fairfax, VA",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-blonde-girl_23-2148648149.jpg",
|
|
imageAlt: "Sarah J. Testimonial",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Michael C.",
|
|
role: "Property Manager",
|
|
company: "Sterling, VA",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
|
imageAlt: "Michael C. Testimonial",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emily R.",
|
|
role: "Interior Designer",
|
|
company: "Leesburg, VA",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brunette-hair-glasses-smiling-sitting-outside-young-woman-black-jacket-white-pants-talks-phone-outdoors_197531-19318.jpg",
|
|
imageAlt: "Emily R. Testimonial",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David K.",
|
|
role: "Contractor",
|
|
company: "Reston, VA",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-vest-helmet_23-2148269392.jpg",
|
|
imageAlt: "David K. Testimonial",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jessica L.",
|
|
role: "Restaurant Owner",
|
|
company: "Arlington, VA",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-chat-bubble-pointing-with-hand-it-isolated-crimson-background_141793-31823.jpg",
|
|
imageAlt: "Jessica L. Testimonial",
|
|
},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from homeowners and businesses who have transformed their spaces with Stevensons Hardwood Floors. Your satisfaction is our top priority."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "What's the best wood species for my home?",
|
|
content: "The best wood species depends on your lifestyle, aesthetic preferences, and budget. Oak and maple are popular for durability, while walnut offers rich tones. We provide personalized recommendations during your consultation.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "How long does hardwood floor installation take?",
|
|
content: "Installation time varies based on the size of the area, wood type, and complexity of the design. A typical room can be completed in 1-3 days, with larger projects taking longer. We'll provide a detailed timeline.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "How do I care for and maintain my hardwood floors?",
|
|
content: "Regular sweeping or vacuuming, prompt spill cleanup, and using felt pads under furniture are key. We recommend specific cleaning products and can provide a comprehensive care guide.",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "What about durability and scratch resistance?",
|
|
content: "Modern hardwood floors are highly durable. Different species have varying hardness ratings (Janka scale). While no floor is completely scratch-proof, proper care and finish selection significantly enhance resistance. We offer durable finishes suitable for pets and high-traffic areas.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418527.jpg"
|
|
imageAlt="Various hardwood floor samples"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Common Questions About Hardwood"
|
|
description="Get answers to frequently asked questions about hardwood flooring, from wood species and maintenance to installation and pricing. We're here to help you make informed decisions."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Residential Homeowners",
|
|
"Commercial Clients",
|
|
"Local Builders Inc.",
|
|
"Elite Interior Designs",
|
|
"Quality Remodeling LLC",
|
|
"The Flooring Guild",
|
|
"Design Studio Co.",
|
|
"Renovation Experts",
|
|
]}
|
|
title="Trusted by Industry Leaders"
|
|
description="We partner with leading suppliers and work with reputable contractors and designers to deliver the best hardwood flooring solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Ready for Beautiful Floors?"
|
|
description="Contact Stevensons Hardwood Floors today for a free consultation and let's start planning your dream flooring project."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number",
|
|
required: false,
|
|
},
|
|
]}
|
|
multiSelect={{
|
|
name: "service",
|
|
label: "Interested In",
|
|
options: [
|
|
"Installation",
|
|
"Refinishing",
|
|
"Repair",
|
|
"Consultation",
|
|
"Commercial Project",
|
|
"Other",
|
|
],
|
|
}}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your project...",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg"
|
|
imageAlt="Hardwood flooring showroom"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
buttonText="Request Consultation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Stevensons Hardwood Floors"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Installation",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Refinishing",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Repair",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Custom Design",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Projects",
|
|
href: "#projects",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Get A Quote",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Email Us",
|
|
href: "mailto:info@stevensonsfloors.com",
|
|
},
|
|
{
|
|
label: "Call Us",
|
|
href: "tel:+15551234567",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Stevensons Hardwood Floors. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|