Initial commit
This commit is contained in:
132
src/app/contact/page.tsx
Normal file
132
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,132 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Luxe Hotel"
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Amenities", id: "amenities" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "booking"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about your stay with us."
|
||||
textPosition="left"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What time is check-in and check-out?",
|
||||
content: "Check-in is available from 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request, subject to room availability."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer airport transportation?",
|
||||
content: "Yes, we provide airport transfer services for our guests. Please arrange this at the time of booking or contact our concierge upon arrival."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there free parking available?",
|
||||
content: "Complimentary parking is included with all room bookings. Valet service is available for an additional fee."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "Cancellations made 7 days before arrival receive a full refund. Cancellations within 7 days of arrival are subject to one night's charge."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you accommodate special dietary needs?",
|
||||
content: "Absolutely! Our culinary team can accommodate various dietary requirements. Please inform us during booking or contact the hotel directly."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are pets allowed?",
|
||||
content: "We welcome well-behaved pets in select rooms. A pet fee applies. Please arrange this during booking."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to book your perfect stay? Contact our reservations team today and let us create an unforgettable experience for you."
|
||||
animationType="entrance-slide"
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "booking" },
|
||||
{ text: "Contact Us", href: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Luxe Hotel"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Rooms", href: "rooms" },
|
||||
{ label: "Amenities", href: "amenities" },
|
||||
{ label: "Spa & Wellness", href: "spa" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Dining", href: "dining" },
|
||||
{ label: "Events", href: "events" },
|
||||
{ label: "Special Offers", href: "offers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Reviews", href: "reviews" },
|
||||
{ label: "Careers", href: "careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Privacy Policy", href: "privacy" },
|
||||
{ label: "Terms & Conditions", href: "terms" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user