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: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Contact", href: "/contact-location" }
|
||||
]}
|
||||
brandName="Flora Park Inn"
|
||||
button={{ text: "Book Your Stay", href: "#contact" }}
|
||||
button={{ text: "Book Your Stay", href: "/contact-location" }}
|
||||
/>
|
||||
<HeroLogoBillboard
|
||||
logoText="Flora Park Inn"
|
||||
description="Experience unparalleled comfort and genuine hospitality at Flora Park Inn, where every stay is a serene escape."
|
||||
buttons={[
|
||||
{ text: "Book Your Stay", href: "#contact" },
|
||||
{ text: "Book Your Stay", href: "/contact-location" },
|
||||
{ text: "Explore Rooms", href: "#rooms" }
|
||||
]}
|
||||
background={{ variant: 'plain' }}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user