44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
'use client';
|
|
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
export default function BookingPage() {
|
|
const navItems = [
|
|
{ name: 'Home', id: '/' },
|
|
{ name: 'About', id: '/about' },
|
|
{ name: 'Services', id: '/services' },
|
|
{ name: 'Booking', id: '/booking' },
|
|
{ name: 'Contact', id: '/contact' }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<NavbarStyleApple
|
|
navItems={navItems}
|
|
brandName="Webild"
|
|
/>
|
|
<div id="booking" data-section="booking">
|
|
<ContactText
|
|
text="Appointments\nBook Your Session\nSchedule your appointment with us. Fill out the form below and we'll confirm your booking shortly.\nBy clicking 'Book Now', you agree to our booking terms and conditions."
|
|
buttons={[{ text: 'Book Now', href: '/booking' }]}
|
|
background={{ variant: 'plain' }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|