Initial commit
This commit is contained in:
144
src/app/contact/page.tsx
Normal file
144
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,144 @@
|
||||
"use client";
|
||||
import Link from "next/link";
|
||||
import { Mail } from "lucide-react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Luxe Haven"
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "/rooms" },
|
||||
{ name: "Amenities", id: "/amenities" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Offers", id: "/offers" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get in Touch"
|
||||
tagIcon={Mail}
|
||||
title="Contact Our Guest Services Team"
|
||||
description="Have questions about your stay or need assistance with reservations? Our dedicated guest services team is here to help you 24/7. Reach out to us for personalized assistance."
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Send Message"
|
||||
termsText="By contacting us, you agree to our Terms of Service and Privacy Policy. We'll respond to your inquiry within 24 hours."
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCenter
|
||||
tag="Direct Contact"
|
||||
title="Multiple Ways to Reach Us"
|
||||
description="Phone: +1 (555) 123-4567 | Email: reservations@luxehaven.com | Address: 123 Luxury Boulevard, Paradise City, PC 12345 | Hours: 24/7 Guest Services Available"
|
||||
inputPlaceholder="Special requests or questions"
|
||||
buttonText="Submit Request"
|
||||
termsText="For immediate assistance, please call our 24/7 guest services hotline. Emergency services available at all times."
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="guest-support" data-section="guest-support">
|
||||
<FaqSplitText
|
||||
sideTitle="Need Immediate Assistance?"
|
||||
sideDescription="Our guest services team is available around the clock to ensure your stay is perfect."
|
||||
textPosition="left"
|
||||
useInvertedBackground="noInvert"
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How can I make a reservation?",
|
||||
content: "You can book directly through our website, call our reservations team at +1 (555) 123-4567, or email reservations@luxehaven.com. Online booking offers the best rates and instant confirmation.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What services does the concierge provide?",
|
||||
content: "Our concierge team can assist with restaurant reservations, transportation arrangements, local attraction tickets, spa appointments, and any special requests to enhance your stay.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide airport transportation?",
|
||||
content: "Yes, we offer premium airport transfer services. Please contact us at least 24 hours in advance to arrange pickup. Our luxury vehicles ensure a comfortable journey to and from the hotel.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Rooms & Rates",
|
||||
items: [
|
||||
{ label: "Room Types", href: "/rooms" },
|
||||
{ label: "Current Offers", href: "/offers" },
|
||||
{ label: "Group Bookings", href: "/contact" },
|
||||
{ label: "Corporate Rates", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Amenities",
|
||||
items: [
|
||||
{ label: "Spa & Wellness", href: "/amenities" },
|
||||
{ label: "Fine Dining", href: "/amenities" },
|
||||
{ label: "Swimming Pool", href: "/amenities" },
|
||||
{ label: "Fitness Center", href: "/amenities" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Guest Services",
|
||||
items: [
|
||||
{ label: "Concierge", href: "/contact" },
|
||||
{ label: "Room Service", href: "/contact" },
|
||||
{ label: "Housekeeping", href: "/contact" },
|
||||
{ label: "Guest Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "/about" },
|
||||
{ label: "Sustainability", href: "/about" },
|
||||
{ label: "Media", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "/legal" },
|
||||
{ label: "Terms of Service", href: "/legal" },
|
||||
{ label: "Cookie Policy", href: "/legal" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
|
||||
bottomRightText="Crafted with elegance for travelers worldwide"
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user