64 lines
2.8 KiB
TypeScript
64 lines
2.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import { useState } from 'react';
|
|
|
|
export default function BookingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Booking", id: "/booking" },
|
|
]}
|
|
brandName="Baumall"
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking-catalog" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
title="Book Professional Services"
|
|
description="Select your preferred construction or consultation service below to get started."
|
|
products={[
|
|
{ id: "s1", name: "Site Consultation", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-project_23-2148751960.jpg?_wi=1", variant: "Hourly" },
|
|
{ id: "s2", name: "Material Delivery", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131739.jpg", variant: "Fixed Fee" },
|
|
{ id: "s3", name: "Custom Estimation", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg", variant: "Consultation" },
|
|
{ id: "s4", name: "Bulk Order Planning", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg", variant: "Project-based" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }] },
|
|
{ items: [{ label: "Contact", href: "/#contact" }] },
|
|
]}
|
|
logoText="Baumall"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |