55 lines
2.8 KiB
TypeScript
55 lines
2.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Projects", id: "/projects" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
|
|
brandName="Dutchman Contracting"
|
|
button={{ text: "Contact Us", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="Residential Highlights"
|
|
description="Explore our portfolio of bespoke living spaces."
|
|
products={[{ id: "p1", brand: "Luxury", name: "Cliffside Haven", price: "Contact for quote", rating: 5, reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896892.jpg?_wi=4" }, { id: "p2", brand: "Luxury", name: "Metropolitan Loft", price: "Contact for quote", rating: 5, reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg?_wi=4" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg?_wi=4"
|
|
logoText="Dutchman Contracting"
|
|
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Projects", href: "/projects" }] }, { title: "Company", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }, { label: "Privacy", href: "#" }] }]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|