Merge version_6 into main
Merge version_6 into main
This commit was merged in pull request #6.
This commit is contained in:
109
src/app/contact-location/page.tsx
Normal file
109
src/app/contact-location/page.tsx
Normal file
@@ -0,0 +1,109 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||||
|
import { Instagram, Facebook, Linkedin, Phone, Mail, MapPin } from "lucide-react";
|
||||||
|
|
||||||
|
export default function ContactLocationPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="icon-arrow"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="soft"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="mediumLarge"
|
||||||
|
background="floatingGradient"
|
||||||
|
cardStyle="soft-shadow"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="layered"
|
||||||
|
headingFontWeight="semibold"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<NavbarLayoutFloatingInline
|
||||||
|
navItems={[
|
||||||
|
{ name: "Rooms", id: "rooms" },
|
||||||
|
{ name: "Amenities", id: "amenities" },
|
||||||
|
{ name: "Gallery", id: "gallery" },
|
||||||
|
{ name: "Reviews", id: "reviews" },
|
||||||
|
{ name: "Contact", href: "/contact-location" }
|
||||||
|
]}
|
||||||
|
brandName="Flora Park Inn"
|
||||||
|
button={{ text: "Book Your Stay", href: "/contact-location" }}
|
||||||
|
/>
|
||||||
|
<div id="contact-location" data-section="contact-location">
|
||||||
|
<ContactSplit
|
||||||
|
tag="Connect With Us"
|
||||||
|
title="Your Journey Starts Here"
|
||||||
|
description={
|
||||||
|
<>
|
||||||
|
<p className="mb-4">
|
||||||
|
We'd love to hear from you. Reach out to us via phone, email, or visit us at our location.
|
||||||
|
Our team is available to assist with reservations, inquiries, or special requests.
|
||||||
|
</p>
|
||||||
|
<div className="space-y-2 mb-6">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<MapPin className="text-primary-cta" size={20} />
|
||||||
|
<span>123 Serenity Lane, Oasis City, 54321, Dreamland</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Phone className="text-primary-cta" size={20} />
|
||||||
|
<span>+1 (555) 123-4567</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Mail className="text-primary-cta" size={20} />
|
||||||
|
<span>info@floraparkinn.com</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>Use the form below for general inquiries or to send us a message.</p>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
background={{ variant: 'plain' }}
|
||||||
|
imageSrc="https://via.placeholder.com/600x400?text=Map+Placeholder+-+Flora+Park+Inn"
|
||||||
|
imageAlt="Map showing Flora Park Inn location"
|
||||||
|
mediaPosition="left"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
buttonText="Send Message"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<FooterBaseCard
|
||||||
|
logoText="Flora Park Inn"
|
||||||
|
copyrightText="© 2025 Flora Park Inn. All rights reserved."
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "Quick Links", items: [
|
||||||
|
{ label: "Home", href: "/" },
|
||||||
|
{ label: "Rooms", href: "/#rooms" },
|
||||||
|
{ label: "Amenities", href: "/#amenities" },
|
||||||
|
{ label: "Gallery", href: "/#gallery" },
|
||||||
|
{ label: "Reviews", href: "/#reviews" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Our Location", items: [
|
||||||
|
{ label: "123 Serenity Lane", href: "/contact-location" },
|
||||||
|
{ label: "Oasis City, Dreamland", href: "/contact-location" },
|
||||||
|
{ label: "View Map", href: "/contact-location" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Contact", items: [
|
||||||
|
{ label: "+1 (555) 123-4567", href: "/contact-location" },
|
||||||
|
{ label: "info@floraparkinn.com", href: "/contact-location" },
|
||||||
|
{ label: "Send Inquiry", href: "/contact-location" }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
socialLinks={[
|
||||||
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||||
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||||
|
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -34,16 +34,16 @@ export default function LuxuryTravelAgencyTemplatePage() {
|
|||||||
{ name: "Amenities", id: "amenities" },
|
{ name: "Amenities", id: "amenities" },
|
||||||
{ name: "Gallery", id: "gallery" },
|
{ name: "Gallery", id: "gallery" },
|
||||||
{ name: "Reviews", id: "reviews" },
|
{ name: "Reviews", id: "reviews" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Contact", href: "/contact-location" }
|
||||||
]}
|
]}
|
||||||
brandName="Flora Park Inn"
|
brandName="Flora Park Inn"
|
||||||
button={{ text: "Book Your Stay", href: "#contact" }}
|
button={{ text: "Book Your Stay", href: "/contact-location" }}
|
||||||
/>
|
/>
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
logoText="Flora Park Inn"
|
logoText="Flora Park Inn"
|
||||||
description="Experience unparalleled comfort and genuine hospitality at Flora Park Inn, where every stay is a serene escape."
|
description="Experience unparalleled comfort and genuine hospitality at Flora Park Inn, where every stay is a serene escape."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book Your Stay", href: "#contact" },
|
{ text: "Book Your Stay", href: "/contact-location" },
|
||||||
{ text: "Explore Rooms", href: "#rooms" }
|
{ text: "Explore Rooms", href: "#rooms" }
|
||||||
]}
|
]}
|
||||||
background={{ variant: 'plain' }}
|
background={{ variant: 'plain' }}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter-tight), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-inter-tight), sans-serif;
|
font-family: var(--font-dm-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user