141 lines
6.8 KiB
TypeScript
141 lines
6.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="floatingGradient"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Gallery", id: "gallery" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Cape Carpenter"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Cape Carpenter & Woodworkers"
|
||
description="Premium carpentry and custom woodwork in Cape Town. Crafted with precision, built to last, and designed to elevate your space."
|
||
buttons={[
|
||
{ text: "Get a Free Quote", href: "#contact" },
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1mTS81MnnGM5DAr6xYH4MAGre/uploaded-1775563015325-t6nbzp6q.jpg", imageAlt: "Carpenter Workshop" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/mdf-boards-inside-warehouse-with-machinery_23-2149384851.jpg?_wi=1", imageAlt: "Custom Furniture" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186732.jpg?_wi=1", imageAlt: "Woodworking Details" },
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNineteen
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{ tag: "Design", title: "Custom Furniture", subtitle: "Bespoke pieces", description: "Beautiful handcrafted furniture designed to match your home’s style.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-workshop_23-2148970798.jpg?_wi=1" },
|
||
{ tag: "Storage", title: "Built-in Cupboards", subtitle: "Space efficiency", description: "Clean, stylish storage solutions that maximise space while keeping a premium look.", imageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15658.jpg?_wi=1" },
|
||
{ tag: "Outdoor", title: "Decking", subtitle: "Entertainment areas", description: "Strong outdoor wooden decks perfect for entertaining and relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=1" },
|
||
]}
|
||
title="Our Services"
|
||
description="Expert craftsmanship for all your residential and commercial woodworking needs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
title="Crafting Excellence in Cape Town"
|
||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "1", brand: "Work", name: "Modern Interior", price: "Featured", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15658.jpg?_wi=2" },
|
||
{ id: "2", brand: "Work", name: "Bespoke Table", price: "Featured", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-workshop_23-2148970798.jpg?_wi=2" },
|
||
{ id: "3", brand: "Work", name: "Cedar Deck", price: "Featured", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=2" },
|
||
]}
|
||
title="Our Work"
|
||
description="A glimpse into our recent craftsmanship projects."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "John D.", role: "Homeowner", testimonial: "Excellent workmanship and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_23-2150104886.jpg?_wi=4" },
|
||
{ id: "2", name: "Sarah K.", role: "Interior Designer", testimonial: "Professional, reliable, and affordable.", imageSrc: "http://img.b2bpic.net/free-photo/mdf-boards-inside-warehouse-with-machinery_23-2149384851.jpg?_wi=3" },
|
||
{ id: "3", name: "Mike R.", role: "Client", testimonial: "High-quality finishes and great service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186732.jpg?_wi=3" },
|
||
]}
|
||
title="Client Reviews"
|
||
description="What our satisfied customers have to say about our work."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Contact Us"
|
||
description="Get in touch for a free quote or consultation today."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Describe your project...", rows: 4, required: true }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-tools-workshop_23-2148836011.jpg?_wi=1"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-tools-workshop_23-2148836011.jpg?_wi=2"
|
||
logoText="Cape Carpenter & Woodworkers"
|
||
columns={[
|
||
{ title: "Services", items: [{ label: "Furniture", href: "#services" }, { label: "Decking", href: "#services" }] },
|
||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|