269 lines
14 KiB
TypeScript
269 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, Calendar, Home, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Work", id: "work"},
|
|
{
|
|
name: "Shop", id: "shop"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="The Cabinet Shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Custom Cabinetry for Every Home"
|
|
description="Crafting bespoke kitchens, baths, and more for Monterey County residents for 30 years."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/professional-male-carpenter-taking-measurement-workbench-workshop_23-2147944916.jpg", alt: "Jeff Bell"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104846.jpg", alt: "Glenn Grimes"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glassblower-holding-glassware_107420-74263.jpg", alt: "Craftsman One"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21172.jpg", alt: "Craftsman Two"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glassblower-standing-with-arms-crossed-glassblowing-factory_107420-74214.jpg", alt: "Skilled artisan portrait"},
|
|
]}
|
|
avatarText="Meet the Craftsmen"
|
|
buttons={[
|
|
{
|
|
text: "Our Work", href: "#work"},
|
|
{
|
|
text: "Get a Quote", href: "#contact"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-smartphone_23-2149894969.jpg", alt: "Modern kitchen with island"},
|
|
{
|
|
type: "text", text: "Quality Craftsmanship"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/white-porcelain-sink-with-towels_1203-1319.jpg", alt: "Elegant bathroom vanity"},
|
|
{
|
|
type: "text", text: "30 Years Experience"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/modern-shop-prepared-live-auction_23-2149947503.jpg", alt: "Custom built-in shelving"},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Legacy"
|
|
title="Three Decades of Craftsmanship"
|
|
description="The Cabinet Shop has been providing Monterey County residents with custom cabinets for 30 years."
|
|
subdescription="Co-owners Jeff Bell and Glenn Grimes, long-time Monterey County residents, bring extensive knowledge to every custom cabinetry project. Our mission is to provide high-quality and individualized products to clients, ensuring every piece is a perfect fit."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/carpentry-background_23-2147773387.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feat-1", title: "Kitchen Remodels", subtitle: "Complete custom kitchen design and installation, from conception to stunning completion.", category: "Residential", value: "Modern & Classic"},
|
|
{
|
|
id: "feat-2", title: "Bathroom Vanities", subtitle: "Elegant and durable vanities crafted to maximize space and style in your bathrooms.", category: "Residential", value: "Custom & Standard"},
|
|
{
|
|
id: "feat-3", title: "Custom Built-ins", subtitle: "Seamlessly integrated storage, shelving, and entertainment units tailored to your needs.", category: "Residential", value: "Unique Solutions"},
|
|
{
|
|
id: "feat-4", title: "Design Consultation", subtitle: "Expert guidance through material selection, layout, and finish options to realize your vision.", category: "Service", value: "Personalized"},
|
|
]}
|
|
title="Beyond Cabinets"
|
|
description="Specializing in bespoke solutions for every space, we bring functionality and artistry together to transform your home."
|
|
tag="Our Expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "prod-1", name: "Classic Shaker Kitchen", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg", imageAlt: "Classic Shaker Kitchen"},
|
|
{
|
|
id: "prod-2", name: "Modern Minimalist Kitchen", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-kitchen-cabinets_23-2149551420.jpg", imageAlt: "Modern Minimalist Kitchen"},
|
|
{
|
|
id: "prod-3", name: "Rustic Farmhouse Kitchen", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/wooden-piece-furniture-interior-design_23-2148848664.jpg", imageAlt: "Rustic Farmhouse Kitchen"},
|
|
{
|
|
id: "prod-4", name: "Dark Wood Luxury Kitchen", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199367.jpg", imageAlt: "Dark Wood Luxury Kitchen"},
|
|
{
|
|
id: "prod-5", name: "Bright Open Concept Kitchen", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264414.jpg", imageAlt: "Bright Open Concept Kitchen"},
|
|
{
|
|
id: "prod-6", name: "Integrated Pantry Solution", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/open-kitchen-drawer-with-dishes-inside-everyday-organization_169016-71087.jpg", imageAlt: "Integrated Pantry Solution"},
|
|
]}
|
|
title="Inspired Designs, Flawless Execution"
|
|
description="Explore a selection of our finest custom cabinetry projects, showcasing our precision and passion."
|
|
tag="Our Portfolio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "test-1", name: "Sarah J.", handle: "@home_style", testimonial: "The Cabinet Shop transformed our kitchen! The quality is outstanding, and the team was incredibly professional and attentive to every detail. Highly recommend for anyone seeking custom work.", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"},
|
|
{
|
|
id: "test-2", name: "Michael C.", handle: "@m_carpentry", testimonial: "Our new bathroom vanity is a masterpiece. Jeff and Glenn truly understood our vision and delivered beyond our expectations. A local gem for custom cabinetry!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg"},
|
|
{
|
|
id: "test-3", name: "Emily R.", handle: "@emily_design", testimonial: "From design to installation, the process was seamless. Our custom built-ins are both beautiful and functional, adding immense value to our living space.", imageSrc: "http://img.b2bpic.net/free-photo/modern-couple-kitchen_23-2148115472.jpg"},
|
|
{
|
|
id: "test-4", name: "David K.", handle: "@david_project", testimonial: "We couldn't be happier with our new home office cabinets. The craftsmanship is evident in every detail, and the personalized service was exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986059.jpg"},
|
|
{
|
|
id: "test-5", name: "Laura S.", handle: "@laura_kitchens", testimonial: "The Cabinet Shop created a kitchen that is both stunning and incredibly practical. It's truly the heart of our home now. Thank you for the incredible work!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-studying-floor-girl-with-laptop-works-from-home-types-computer-smiles-feels_1258-200078.jpg"},
|
|
]}
|
|
title="Client Success Stories"
|
|
description="Hear what our happy customers in Monterey County have to say about their custom cabinetry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "30+", title: "Years of Experience", description: "Providing top-tier custom cabinetry since 1996.", icon: Calendar,
|
|
},
|
|
{
|
|
id: "metric-2", value: "500+", title: "Projects Completed", description: "Delivering custom solutions for kitchens, baths, and more.", icon: Home,
|
|
},
|
|
{
|
|
id: "metric-3", value: "99%", title: "Client Satisfaction", description: "Our commitment to quality ensures delighted customers.", icon: Smile,
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Celebrating years of dedicated service and countless satisfied customers in Monterey County."
|
|
/>
|
|
</div>
|
|
|
|
<div id="shop" data-section="shop">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "member-1", name: "Jeff Bell", role: "Co-Owner & Master Cabinet Maker", imageSrc: "http://img.b2bpic.net/free-photo/worker-overalls-man-with-tools-senior-with-screwdriwer_1157-45059.jpg"},
|
|
{
|
|
id: "member-2", name: "Glenn Grimes", role: "Co-Owner & Design Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg"},
|
|
]}
|
|
title="Meet Our Craftsmen"
|
|
description="The dedicated co-owners behind every custom creation, bringing passion and precision to your project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get Started"
|
|
title="Your Dream Cabinets Await"
|
|
description="Ready to transform your space? Contact us for a personalized consultation and quote. We're here to bring your vision to life."
|
|
imageSrc="http://img.b2bpic.net/free-photo/tanner-with-gadget_1098-12745.jpg"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Work", href: "#work"},
|
|
{
|
|
label: "Our Shop", href: "#shop"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Kitchens", href: "#features"},
|
|
{
|
|
label: "Bathrooms", href: "#features"},
|
|
{
|
|
label: "Custom Projects", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Get a Quote", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="©2026 The Cabinet Shop"
|
|
bottomRightText="Built by Webild"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|