Update src/app/location/page.tsx
This commit is contained in:
@@ -1,55 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { MapPin, Navigation, Phone } from "lucide-react";
|
||||
import { MapPin, Navigation } from "lucide-react";
|
||||
|
||||
export default function LocationPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Amenities", id: "amenities" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Rooms", href: "/rooms" },
|
||||
{ label: "Amenities", href: "/amenities" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Location", href: "/location" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Book Now", href: "/book" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Cancellation Policy", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const handlePhoneCall = () => {
|
||||
window.location.href = "tel:801-373-7044";
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -63,16 +20,25 @@ export default function LocationPage() {
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav" className="sticky top-0 z-50">
|
||||
<NavbarStyleCentered
|
||||
brandName="Provo River Inn"
|
||||
navItems={navItems}
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Amenities", id: "amenities" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Your Stay", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-highlight" data-section="location-highlight" className="py-16 px-6">
|
||||
{/* Location Section */}
|
||||
<div id="location-highlight" data-section="location-highlight">
|
||||
<TestimonialAboutCard
|
||||
tag="Perfectly Located"
|
||||
tagIcon={MapPin}
|
||||
@@ -80,61 +46,91 @@ export default function LocationPage() {
|
||||
description="Our convenient location puts you near outstanding restaurants, the scenic Provo River and parkway, and easy access to local attractions, shops, and entertainment."
|
||||
subdescription="Whether you're here for business, visiting family, or exploring the area, everything you need is within walking distance or a short drive away."
|
||||
icon={Navigation}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=2"
|
||||
imageAlt="Provo River Utah peaceful water nature parkway"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-nearby-features" data-section="location-nearby-features" className="py-16 px-6">
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{
|
||||
id: "provo-river-parkway", title: "Provo River Parkway", description: "Beautiful walking and biking trails along the scenic river, perfect for morning runs and peaceful nature walks.", tag: "Outdoor Recreation", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=3", imageAlt: "Scenic river walking path peaceful nature"
|
||||
},
|
||||
{
|
||||
id: "local-dining", title: "Nearby Dining", description: "Walking distance to casual restaurants, local favorites, and vibrant dining neighborhoods with diverse cuisine options.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=2", imageAlt: "Casual restaurant dining outdoor seating friendly"
|
||||
},
|
||||
{
|
||||
id: "attractions", title: "Attractions & Shopping", description: "Close to BYU campus, Utah Valley museums, shopping centers, and family-friendly attractions for all ages.", tag: "Entertainment", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=11", imageAlt: "Hotel lobby welcoming entrance friendly reception"
|
||||
},
|
||||
{
|
||||
id: "business-district", title: "Business District", description: "Convenient proximity to corporate offices and business centers, making it ideal for business travelers.", tag: "Business", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=12", imageAlt: "Hotel lobby welcoming entrance friendly reception"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Explore the Area"
|
||||
description="Our strategic location gives you easy access to Provo's best attractions, dining, and outdoor activities."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta" className="py-20 px-6">
|
||||
<ContactSplit
|
||||
tag="Ready to Visit?"
|
||||
title="Call to Book Your Stay"
|
||||
description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
|
||||
tagIcon={Phone}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=13"
|
||||
imageAlt="Hotel lobby welcoming entrance friendly reception"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Call: 801-373-7044"
|
||||
buttonText="Call to Book"
|
||||
termsText="Phone lines available 24/7. Our team is ready to help you secure the perfect room."
|
||||
onSubmit={handlePhoneCall}
|
||||
/>
|
||||
{/* Map Integration Section */}
|
||||
<div id="location-map" data-section="location-map" className="w-full py-20">
|
||||
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-4xl font-bold mb-4">Find Us Here</h2>
|
||||
<p className="text-lg text-gray-600">Provo River Inn is conveniently located in the heart of Provo</p>
|
||||
</div>
|
||||
<div className="w-full h-96 rounded-lg overflow-hidden shadow-lg">
|
||||
<iframe
|
||||
width="100%"
|
||||
height="100%"
|
||||
frameBorder="0"
|
||||
style={{ border: 0 }}
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3030.5447793505635!2d-111.65532!3d40.2338!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x874d8e6d6b6b6b6b%3A0x6b6b6b6b6b6b6b6b!2sProvo%2C%20Utah!5e0!3m2!1sen!2sus!4v1234567890"
|
||||
allowFullScreen={true}
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
title="Provo River Inn Location Map"
|
||||
/>
|
||||
</div>
|
||||
<div className="mt-12 grid md:grid-cols-3 gap-8 text-center">
|
||||
<div>
|
||||
<h3 className="font-bold mb-2">Address</h3>
|
||||
<p className="text-gray-600">Provo, Utah</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-bold mb-2">Phone</h3>
|
||||
<p className="text-gray-600">Contact us for information</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-bold mb-2">Hours</h3>
|
||||
<p className="text-gray-600">24/7 Front Desk Available</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Provo River Inn"
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Rooms", href: "/rooms"},
|
||||
{
|
||||
label: "Amenities", href: "/amenities"},
|
||||
{
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Location", href: "/location"},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Book Now", href: "/book"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
{
|
||||
label: "Cancellation Policy", href: "#"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user