74 lines
3.7 KiB
TypeScript
74 lines
3.7 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Instagram, Facebook, Linkedin } from "lucide-react";
|
|
|
|
export default function BookingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Destinations", id: "destinations" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Properties", id: "/properties" },
|
|
{ name: "Booking", id: "/booking" }
|
|
]}
|
|
brandName="Luxuria"
|
|
button={{ text: "Plan Your Trip", href: "/booking" }}
|
|
/>
|
|
<div className="min-h-screen py-32 lg:py-40">
|
|
<ContactSplitForm
|
|
title="Book Your Exclusive Stay"
|
|
description="Fill out the form below, and our team will craft your perfect reservation."
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.webp"
|
|
imageAlt="Luxury travel booking"
|
|
mediaPosition="left"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Submit Reservation"
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
|
{ name: "propertyId", type: "text", placeholder: "Desired Property (Optional)" },
|
|
{ name: "checkInDate", type: "date", placeholder: "Check-in Date" },
|
|
{ name: "checkOutDate", type: "date", placeholder: "Check-out Date" },
|
|
{ name: "numGuests", type: "number", placeholder: "Number of Guests" },
|
|
]}
|
|
textarea={{
|
|
name: "specialRequests", placeholder: "Any special requests or preferences?", rows: 4,
|
|
}}
|
|
/>
|
|
</div>
|
|
<FooterCard
|
|
logoText="Luxuria"
|
|
copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
|
]}
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |