Compare commits
30 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 10757308ec | |||
| f0fc5a5e35 | |||
| 8d7b410cc2 | |||
| 945a7e840e | |||
| 29fbbb4d96 | |||
| fc62be6efc | |||
| 431a08bd44 | |||
| fbfabf09e9 | |||
| 4b502521bf | |||
| dcf7b333ba | |||
| effd45dac3 | |||
| 1e17875dde | |||
| c8ca27995d | |||
| 11dc416dc7 | |||
| 9c932744ff | |||
| b4d68a8fc3 | |||
| 14d43dac7f | |||
| eb72da9870 | |||
| d41c243912 | |||
| 976bf5b9a8 | |||
| e67a89c7d0 | |||
| 9fc7b52573 | |||
| 311ebf9b43 | |||
| 7f71c705fd | |||
| 10dfe007bc | |||
| 5ea13fe2a9 | |||
| 264cfe0f33 | |||
| 048201506a | |||
| 63bfa845a2 | |||
| 52dd71e6f0 |
@@ -1,50 +1,14 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Wifi, Maximize, Users } from "lucide-react";
|
||||
import { Heart } from "lucide-react";
|
||||
|
||||
export default function AmenitiesPage() {
|
||||
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: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -58,125 +22,134 @@ export default function AmenitiesPage() {
|
||||
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}
|
||||
button={{ text: "Book Your Stay", href: "/book" }}
|
||||
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="amenities-full" data-section="amenities-full">
|
||||
{/* Hero Section */}
|
||||
<div id="hero-amenities" data-section="hero-amenities">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Our Amenities"
|
||||
description="Discover the thoughtful comforts and facilities we offer to enhance your stay at Provo River Inn. From relaxation to convenience, we've designed our amenities to help you unwind and make the most of your time in Provo."
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Room", href: "/rooms"},
|
||||
{
|
||||
text: "View Our Rooms", href: "/rooms"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1"
|
||||
imageAlt="Pool and hot tub amenities at Provo River Inn"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Amenities Highlight Section */}
|
||||
<div id="amenities-showcase" data-section="amenities-showcase">
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{
|
||||
id: "indoor-pool",
|
||||
title: "Indoor Pool",
|
||||
description: "Year-round swimming and water fun for families and guests of all ages. Keep cool in summer and warm in winter.",
|
||||
tag: "Recreation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg",
|
||||
imageAlt: "indoor swimming pool hotel bright clean water",
|
||||
},
|
||||
id: "indoor-pool", title: "Indoor Pool", description: "Year-round swimming and water fun for families and guests of all ages. Perfect for a refreshing dip or leisurely swim.", tag: "Recreation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=2"},
|
||||
{
|
||||
id: "hot-tub",
|
||||
title: "Hot Tub",
|
||||
description: "Relax and soothe tired muscles in our warm, peaceful hot tub. Perfect for unwinding after a day exploring Provo.",
|
||||
tag: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg",
|
||||
imageAlt: "hotel hot tub spa relaxation peaceful",
|
||||
},
|
||||
id: "hot-tub", title: "Hot Tub", description: "Relaxing warmth and peaceful unwinding after a day exploring Provo. The perfect spot to ease tired muscles and enjoy quality time.", tag: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=1"},
|
||||
{
|
||||
id: "breakfast",
|
||||
title: "Continental Breakfast",
|
||||
description: "Start your day right with a complimentary breakfast spread. Fresh pastries, coffee, juice, and more included daily.",
|
||||
tag: "Convenience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg",
|
||||
imageAlt: "hotel breakfast room continental spread morning",
|
||||
},
|
||||
id: "continental-breakfast", title: "Continental Breakfast", description: "Start your day right with complimentary breakfast including fresh pastries, cereals, juice, and coffee before heading out.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=1"},
|
||||
{
|
||||
id: "wifi-parking",
|
||||
title: "Free WiFi & Parking",
|
||||
description: "Stay connected with high-speed WiFi throughout the property. Free parking available for all guests.",
|
||||
tag: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1",
|
||||
imageAlt: "hotel lobby welcoming entrance friendly reception",
|
||||
},
|
||||
id: "free-wifi", title: "Free WiFi & Parking", description: "Stay connected throughout your stay with complimentary high-speed WiFi and free parking available for all guests.", tag: "Included", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=3"},
|
||||
{
|
||||
id: "fitness-center", title: "Fitness Center", description: "Stay active with our well-equipped fitness center featuring modern exercise equipment available 24/7 for guests.", tag: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1"},
|
||||
{
|
||||
id: "business-center", title: "Business Center", description: "Complete your work with access to computers, printers, and a quiet workspace designed for productivity.", tag: "Work Space", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=2"},
|
||||
{
|
||||
id: "guest-laundry", title: "Guest Laundry Facilities", description: "Convenient on-site laundry room with washers and dryers available for guests to use during their stay.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=2"},
|
||||
{
|
||||
id: "pet-friendly", title: "Pet-Friendly Rooms", description: "Travel with your furry friends in our pet-friendly rooms designed with comfort for both you and your pets.", tag: "Family", imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Complete List of Guest Amenities"
|
||||
description="We've carefully curated a selection of amenities designed to enhance your stay and make your visit to Provo comfortable and convenient."
|
||||
title="Everything You Need for a Perfect Stay"
|
||||
description="We've thoughtfully designed each amenity to enhance your comfort, convenience, and enjoyment during your time at Provo River Inn."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities-details" data-section="amenities-details">
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{
|
||||
id: "quiet-rooms",
|
||||
title: "Soundproof Rooms",
|
||||
description: "Enjoy peaceful, uninterrupted sleep in our sound-dampened guest rooms. Quiet comfort is our commitment.",
|
||||
tag: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg",
|
||||
imageAlt: "comfortable hotel room",
|
||||
},
|
||||
{
|
||||
id: "friendly-staff",
|
||||
title: "24/7 Front Desk",
|
||||
description: "Our friendly staff is always available to help with directions, restaurant recommendations, or any special requests.",
|
||||
tag: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=2",
|
||||
imageAlt: "hotel staff welcome",
|
||||
},
|
||||
{
|
||||
id: "family-spaces",
|
||||
title: "Family-Friendly Spaces",
|
||||
description: "Kids are welcome! Play areas, family suites, and kid-friendly breakfast options make us perfect for families.",
|
||||
tag: "Family",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg",
|
||||
imageAlt: "family enjoying pool",
|
||||
},
|
||||
{
|
||||
id: "accessible-rooms",
|
||||
title: "Accessible Accommodations",
|
||||
description: "ADA-compliant rooms and facilities ensure all guests can enjoy their stay with comfort and dignity.",
|
||||
tag: "Accessibility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=3",
|
||||
imageAlt: "accessible facilities",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Special Features & Services"
|
||||
description="Beyond the essentials, we offer thoughtful touches that make your stay truly memorable."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact CTA Section */}
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactSplit
|
||||
tag="Ready to Experience Our Amenities?"
|
||||
title="Book Your Stay Today"
|
||||
description="Reserve your room now and discover the comfort and convenience that keeps guests coming back to Provo River Inn."
|
||||
tagIcon={Users}
|
||||
description="Reserve your room and discover why guests love relaxing at Provo River Inn. We can't wait to welcome you."
|
||||
tagIcon={Heart}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email for booking info"
|
||||
inputPlaceholder="Enter your email to book"
|
||||
buttonText="Check Availability"
|
||||
termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
{/* 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>
|
||||
|
||||
256
src/app/contact/page.tsx
Normal file
256
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,256 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Phone, Mail, MapPin, Heart } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const [formData, setFormData] = useState({
|
||||
name: "", email: "", message: ""});
|
||||
|
||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({
|
||||
...prev,
|
||||
[name]: value,
|
||||
}));
|
||||
};
|
||||
|
||||
const handleSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
// Handle form submission
|
||||
console.log("Form submitted:", formData);
|
||||
// Reset form
|
||||
setFormData({ name: "", email: "", message: "" });
|
||||
};
|
||||
|
||||
const handlePhoneCall = () => {
|
||||
window.location.href = "tel:+1-385-555-0123";
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav" className="sticky top-0 z-50">
|
||||
<NavbarStyleCentered
|
||||
brandName="Provo River Inn"
|
||||
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" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Your Stay", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero-contact" data-section="hero-contact">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Get in Touch"
|
||||
description="Have questions about your stay? Our friendly team is here to help. Reach out directly by phone or use our contact form below."
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", onClick: handlePhoneCall,
|
||||
},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-female-receptionist-hotel-smiling-camera_1157-37453.jpg?_wi=1"
|
||||
imageAlt="Friendly staff at Provo River Inn"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Form Section */}
|
||||
<div id="contact-form-section" data-section="contact-form-section" className="py-20 px-4">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||
{/* Contact Information */}
|
||||
<div className="space-y-8">
|
||||
<div>
|
||||
<h2 className="text-3xl font-bold mb-8">Contact Information</h2>
|
||||
</div>
|
||||
|
||||
{/* Phone */}
|
||||
<div className="flex items-start space-x-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Phone className="w-6 h-6 text-blue-500 mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Phone</h3>
|
||||
<p className="text-gray-600 mb-3">Call us directly for immediate assistance</p>
|
||||
<button
|
||||
onClick={handlePhoneCall}
|
||||
className="inline-flex items-center px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors font-semibold"
|
||||
>
|
||||
<Phone className="w-4 h-4 mr-2" />
|
||||
+1 (385) 555-0123
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Email */}
|
||||
<div className="flex items-start space-x-4">
|
||||
<div className="flex-shrink-0">
|
||||
<Mail className="w-6 h-6 text-green-500 mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Email</h3>
|
||||
<p className="text-gray-600 mb-2">Send us a message anytime</p>
|
||||
<a
|
||||
href="mailto:hello@provoriverkinn.com"
|
||||
className="text-green-500 hover:text-green-600 font-semibold"
|
||||
>
|
||||
hello@provoriverkinn.com
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Address */}
|
||||
<div className="flex items-start space-x-4">
|
||||
<div className="flex-shrink-0">
|
||||
<MapPin className="w-6 h-6 text-red-500 mt-1" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-1">Address</h3>
|
||||
<p className="text-gray-600">
|
||||
123 River Road<br />
|
||||
Provo, UT 84604<br />
|
||||
United States
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Form */}
|
||||
<div className="bg-white rounded-lg p-8 shadow-lg">
|
||||
<h3 className="text-2xl font-bold mb-6">Send us a Message</h3>
|
||||
<form onSubmit={handleSubmit} className="space-y-6">
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-semibold mb-2">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="name"
|
||||
name="name"
|
||||
value={formData.name}
|
||||
onChange={handleInputChange}
|
||||
required
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
placeholder="Your name"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-semibold mb-2">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
name="email"
|
||||
value={formData.email}
|
||||
onChange={handleInputChange}
|
||||
required
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
placeholder="your.email@example.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="message" className="block text-sm font-semibold mb-2">
|
||||
Message
|
||||
</label>
|
||||
<textarea
|
||||
id="message"
|
||||
name="message"
|
||||
value={formData.message}
|
||||
onChange={handleInputChange}
|
||||
required
|
||||
rows={5}
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||
placeholder="Your message..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full px-6 py-3 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors font-semibold"
|
||||
>
|
||||
Send Message
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Provo River Inn"
|
||||
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>
|
||||
);
|
||||
}
|
||||
@@ -1,51 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Camera } from "lucide-react";
|
||||
import { Image } from "lucide-react";
|
||||
|
||||
export default function GalleryPage() {
|
||||
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: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -59,116 +20,101 @@ export default function GalleryPage() {
|
||||
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}
|
||||
button={{ text: "Book Your Stay", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-rooms" data-section="gallery-rooms">
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "room-classic-king",
|
||||
name: "Classic King",
|
||||
price: "From $89/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=4",
|
||||
imageAlt: "luxury hotel king bed comfortable bedding clean",
|
||||
},
|
||||
{
|
||||
id: "room-double-queen",
|
||||
name: "Double Queen",
|
||||
price: "From $99/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=3",
|
||||
imageAlt: "hotel room double queen beds family comfortable",
|
||||
},
|
||||
{
|
||||
id: "room-family-suite",
|
||||
name: "Family Suite",
|
||||
price: "From $119/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=3",
|
||||
imageAlt: "large family hotel suite spacious comfortable",
|
||||
},
|
||||
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" },
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="scale-rotate"
|
||||
title="Room Gallery"
|
||||
description="Explore our comfortable and welcoming room options. Each room is thoughtfully designed for your comfort and relaxation."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View Room Details", href: "/rooms" }]}
|
||||
button={{
|
||||
text: "Book Your Stay", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-amenities" data-section="gallery-amenities">
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{/* Gallery Hero Section */}
|
||||
<div id="gallery-hero" data-section="gallery-hero">
|
||||
<HeroBillboardGallery
|
||||
title="Gallery"
|
||||
description="Explore our comfortable rooms, amenities, and the beautiful surroundings of Provo River Inn."
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Photo Gallery"
|
||||
tagIcon={Image}
|
||||
tagAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
id: "pool-recreation",
|
||||
title: "Indoor Pool",
|
||||
description: "Our indoor pool is a centerpiece of relaxation and family fun, available year-round for all guests.",
|
||||
tag: "Recreation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=4",
|
||||
imageAlt: "indoor swimming pool hotel bright clean water",
|
||||
},
|
||||
{
|
||||
id: "hot-tub-spa",
|
||||
title: "Hot Tub Spa",
|
||||
description: "Our inviting hot tub provides the perfect retreat after a day of exploring Provo and the surrounding areas.",
|
||||
tag: "Wellness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=3",
|
||||
imageAlt: "hotel hot tub spa relaxation peaceful",
|
||||
},
|
||||
{
|
||||
id: "breakfast-dining",
|
||||
title: "Breakfast Area",
|
||||
description: "Start your day in our warm and inviting breakfast area with fresh coffee and complimentary continental options.",
|
||||
tag: "Dining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=3",
|
||||
imageAlt: "hotel breakfast room continental spread morning",
|
||||
},
|
||||
{
|
||||
id: "lobby-welcome",
|
||||
title: "Welcoming Lobby",
|
||||
description: "Our bright, clean lobby sets the tone for a comfortable stay. Friendly staff ready to assist you anytime.",
|
||||
tag: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=10",
|
||||
imageAlt: "hotel lobby welcoming entrance friendly reception",
|
||||
},
|
||||
text: "Book Your Stay", href: "/book"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1", imageAlt: "Classic King Room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1", imageAlt: "Double Queen Room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1", imageAlt: "Family Suite"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1", imageAlt: "Pool Area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=1", imageAlt: "Hot Tub"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=1", imageAlt: "Continental Breakfast"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1", imageAlt: "Lobby Area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=1", imageAlt: "Outdoor Grounds"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
title="Amenities & Spaces"
|
||||
description="Discover the facilities and spaces that make Provo River Inn the perfect choice for comfort and convenience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactSplit
|
||||
tag="See Why Guests Love Us"
|
||||
title="Book a Visit to Provo River Inn"
|
||||
description="Experience the comfort, convenience, and welcoming atmosphere that has made us a favorite choice in Provo."
|
||||
tagIcon={Camera}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=6"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email for booking info"
|
||||
buttonText="Check Availability"
|
||||
termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
{/* 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>
|
||||
|
||||
@@ -1,51 +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 } 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: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -59,18 +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",
|
||||
}}
|
||||
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}
|
||||
@@ -78,80 +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="Book Your Comfortable Stay"
|
||||
description="Reserve your room today and discover why guests love our peaceful location and convenient access to everything Provo offers."
|
||||
tagIcon={MapPin}
|
||||
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="Enter your email for booking info"
|
||||
buttonText="Check Availability"
|
||||
termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
{/* 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>
|
||||
|
||||
196
src/app/page.tsx
196
src/app/page.tsx
@@ -37,11 +37,10 @@ export default function HomePage() {
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Your Stay",
|
||||
href: "/book",
|
||||
}}
|
||||
text: "Book Your Stay", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,13 +52,9 @@ export default function HomePage() {
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "/book",
|
||||
},
|
||||
text: "Book Your Stay", href: "/book"},
|
||||
{
|
||||
text: "Explore Rooms",
|
||||
href: "/rooms",
|
||||
},
|
||||
text: "Explore Rooms", href: "/rooms"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
layoutOrder="default"
|
||||
@@ -75,33 +70,13 @@ export default function HomePage() {
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{
|
||||
id: "quiet-location",
|
||||
title: "Peaceful & Quiet",
|
||||
description: "A serene setting where guests consistently praise their restful sleep and tranquil surroundings.",
|
||||
tag: "Restful Sleep",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=2",
|
||||
},
|
||||
id: "quiet-location", title: "Peaceful & Quiet", description: "A serene setting where guests consistently praise their restful sleep and tranquil surroundings.", tag: "Restful Sleep", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=2"},
|
||||
{
|
||||
id: "pool-hot-tub",
|
||||
title: "Pool & Hot Tub",
|
||||
description: "Indoor pool and hot tub for families and couples to enjoy and unwind together.",
|
||||
tag: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1",
|
||||
},
|
||||
id: "pool-hot-tub", title: "Pool & Hot Tub", description: "Indoor pool and hot tub for families and couples to enjoy and unwind together.", tag: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1"},
|
||||
{
|
||||
id: "friendly-service",
|
||||
title: "Friendly Service",
|
||||
description: "Our staff is known for warm hospitality, helpful communication, and genuine care for every guest.",
|
||||
tag: "Hospitality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1",
|
||||
},
|
||||
id: "friendly-service", title: "Friendly Service", description: "Our staff is known for warm hospitality, helpful communication, and genuine care for every guest.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1"},
|
||||
{
|
||||
id: "great-location",
|
||||
title: "Convenient Location",
|
||||
description: "Walking distance to restaurants, near the Provo River parkway, and easy access to local attractions.",
|
||||
tag: "Connected",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=1",
|
||||
},
|
||||
id: "great-location", title: "Convenient Location", description: "Walking distance to restaurants, near the Provo River parkway, and easy access to local attractions.", tag: "Connected", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=1"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Why Guests Love Provo River Inn"
|
||||
@@ -132,26 +107,11 @@ export default function HomePage() {
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "room-classic-king",
|
||||
name: "Classic King",
|
||||
price: "From $89/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1",
|
||||
imageAlt: "Classic King Room at Provo River Inn",
|
||||
},
|
||||
id: "room-classic-king", name: "Classic King", price: "From $89/night", imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1", imageAlt: "Classic King Room at Provo River Inn"},
|
||||
{
|
||||
id: "room-double-queen",
|
||||
name: "Double Queen",
|
||||
price: "From $99/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1",
|
||||
imageAlt: "Double Queen Room at Provo River Inn",
|
||||
},
|
||||
id: "room-double-queen", name: "Double Queen", price: "From $99/night", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1", imageAlt: "Double Queen Room at Provo River Inn"},
|
||||
{
|
||||
id: "room-family-suite",
|
||||
name: "Family Suite",
|
||||
price: "From $119/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1",
|
||||
imageAlt: "Family Suite at Provo River Inn",
|
||||
},
|
||||
id: "room-family-suite", name: "Family Suite", price: "From $119/night", imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1", imageAlt: "Family Suite at Provo River Inn"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -162,9 +122,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Rooms",
|
||||
href: "/rooms",
|
||||
},
|
||||
text: "View All Rooms", href: "/rooms"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,33 +132,13 @@ export default function HomePage() {
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{
|
||||
id: "indoor-pool",
|
||||
title: "Indoor Pool",
|
||||
description: "Year-round swimming and water fun for families and guests of all ages.",
|
||||
tag: "Recreation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=2",
|
||||
},
|
||||
id: "indoor-pool", title: "Indoor Pool", description: "Year-round swimming and water fun for families and guests of all ages.", tag: "Recreation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=2"},
|
||||
{
|
||||
id: "hot-tub",
|
||||
title: "Hot Tub",
|
||||
description: "Relaxing warmth and peaceful unwinding after a day exploring Provo.",
|
||||
tag: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=1",
|
||||
},
|
||||
id: "hot-tub", title: "Hot Tub", description: "Relaxing warmth and peaceful unwinding after a day exploring Provo.", tag: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=1"},
|
||||
{
|
||||
id: "breakfast",
|
||||
title: "Continental Breakfast",
|
||||
description: "Start your day right with a complimentary breakfast before heading out.",
|
||||
tag: "Convenience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=1",
|
||||
},
|
||||
id: "breakfast", title: "Continental Breakfast", description: "Start your day right with a complimentary breakfast before heading out.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=1"},
|
||||
{
|
||||
id: "wifi-parking",
|
||||
title: "Free WiFi & Parking",
|
||||
description: "Stay connected and park worry-free with complimentary services for all guests.",
|
||||
tag: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=3",
|
||||
},
|
||||
id: "wifi-parking", title: "Free WiFi & Parking", description: "Stay connected and park worry-free with complimentary services for all guests.", tag: "Included", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=3"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Family-Friendly Amenities"
|
||||
@@ -216,53 +154,23 @@ export default function HomePage() {
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
id: "review-1",
|
||||
name: "Sarah M.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=1",
|
||||
},
|
||||
id: "review-1", name: "Sarah M.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=1"},
|
||||
{
|
||||
id: "review-2",
|
||||
name: "James T.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=2",
|
||||
},
|
||||
id: "review-2", name: "James T.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=2"},
|
||||
{
|
||||
id: "review-3",
|
||||
name: "Maria L.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=3",
|
||||
},
|
||||
id: "review-3", name: "Maria L.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=3"},
|
||||
{
|
||||
id: "review-4",
|
||||
name: "David K.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=4",
|
||||
},
|
||||
id: "review-4", name: "David K.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=4"},
|
||||
{
|
||||
id: "review-5",
|
||||
name: "Jennifer P.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=5",
|
||||
},
|
||||
id: "review-5", name: "Jennifer P.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=5"},
|
||||
{
|
||||
id: "review-6",
|
||||
name: "Robert C.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=6",
|
||||
},
|
||||
id: "review-6", name: "Robert C.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=6"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -315,61 +223,37 @@ export default function HomePage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "/rooms",
|
||||
},
|
||||
label: "Rooms", href: "/rooms"},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "/amenities",
|
||||
},
|
||||
label: "Amenities", href: "/amenities"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "/location",
|
||||
},
|
||||
label: "Location", href: "/location"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
label: "Book Now", href: "/book"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
{
|
||||
label: "Cancellation Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cancellation Policy", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -1,50 +1,13 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Star, Calendar } from "lucide-react";
|
||||
import { Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function ReviewsPage() {
|
||||
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: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -58,107 +21,114 @@ export default function ReviewsPage() {
|
||||
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" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Your Stay",
|
||||
href: "/book",
|
||||
}}
|
||||
text: "Book Your Stay", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews-testimonials" data-section="reviews-testimonials" className="py-16 px-6">
|
||||
{/* Spotlight Review Section */}
|
||||
<div id="spotlight-review" data-section="spotlight-review">
|
||||
<TestimonialAboutCard
|
||||
tag="Guest Spotlight"
|
||||
tagIcon={Sparkles}
|
||||
title="Outstanding Five-Star Experience"
|
||||
description="Sarah M. stayed with us recently and shared her wonderful experience: 'The peaceful atmosphere and friendly staff made my stay absolutely perfect. The pool was refreshing and the location near restaurants was incredibly convenient.'"
|
||||
subdescription="Every guest matters to us, and we're proud when our service and comfort exceed expectations. This is just one of many amazing reviews from visitors who found exactly what they needed at Provo River Inn."
|
||||
icon={Star}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-female-guest-holding-key_176474-8215.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* All Reviews Showcase */}
|
||||
<div id="reviews-showcase" data-section="reviews-showcase">
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
id: "review-1",
|
||||
name: "Sarah M.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=8",
|
||||
imageAlt: "Family children happy pool water play"
|
||||
},
|
||||
id: "review-1", name: "Sarah M.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=1"},
|
||||
{
|
||||
id: "review-2",
|
||||
name: "James T.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=9",
|
||||
imageAlt: "Family children happy pool water play"
|
||||
},
|
||||
id: "review-2", name: "James T.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=2"},
|
||||
{
|
||||
id: "review-3",
|
||||
name: "Maria L.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=10",
|
||||
imageAlt: "Family children happy pool water play"
|
||||
},
|
||||
id: "review-3", name: "Maria L.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=3"},
|
||||
{
|
||||
id: "review-4",
|
||||
name: "David K.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=11",
|
||||
imageAlt: "Family children happy pool water play"
|
||||
},
|
||||
id: "review-4", name: "David K.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=4"},
|
||||
{
|
||||
id: "review-5",
|
||||
name: "Jennifer P.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=12",
|
||||
imageAlt: "Family children happy pool water play"
|
||||
},
|
||||
id: "review-5", name: "Jennifer P.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=5"},
|
||||
{
|
||||
id: "review-6",
|
||||
name: "Robert C.",
|
||||
role: "Guest",
|
||||
company: "Verified Stay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=13",
|
||||
imageAlt: "Family children happy pool water play"
|
||||
}
|
||||
id: "review-6", name: "Robert C.", role: "Guest", company: "Verified Stay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=6"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="What Our Guests Say"
|
||||
description="Real feedback from people who've stayed with us and found exactly what they were looking for."
|
||||
title="All Guest Reviews"
|
||||
description="Hear from our community of satisfied guests who've experienced the comfort and hospitality of Provo River Inn. Every review reflects our commitment to quality service and guest satisfaction."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta" className="py-20 px-6">
|
||||
<ContactSplit
|
||||
tag="Ready for a Relaxing Stay?"
|
||||
title="Book Your Comfortable Stay"
|
||||
description="Join our satisfied guests and experience the quiet comfort, friendly service, and convenient location that keep people coming back to Provo River Inn."
|
||||
tagIcon={Calendar}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=14"
|
||||
imageAlt="Hotel lobby welcoming entrance friendly reception"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email for booking info"
|
||||
buttonText="Check Availability"
|
||||
termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
</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>
|
||||
|
||||
@@ -1,10 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Heart } from "lucide-react";
|
||||
@@ -36,96 +35,71 @@ export default function RoomsPage() {
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Your Stay",
|
||||
href: "/book",
|
||||
}}
|
||||
text: "Book Your Stay", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* All Rooms Section */}
|
||||
<div id="all-rooms" data-section="all-rooms">
|
||||
{/* Hero Section */}
|
||||
<div id="hero-rooms" data-section="hero-rooms">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Our Rooms & Suites"
|
||||
description="Comfortable, clean accommodations designed for a restful stay. From cozy king rooms to spacious family suites, each room features quality bedding, thoughtful amenities, and the warm hospitality Provo River Inn is known for."
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "/book"},
|
||||
{
|
||||
text: "View Amenities", href: "/amenities"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1"
|
||||
imageAlt="Premium room at Provo River Inn"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Rooms Section */}
|
||||
<div id="rooms-showcase" data-section="rooms-showcase">
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "room-classic-king",
|
||||
name: "Classic King",
|
||||
price: "From $89/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=2",
|
||||
imageAlt: "Classic King Room at Provo River Inn",
|
||||
},
|
||||
id: "room-classic-king", name: "Classic King", price: "From $89/night", imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1", imageAlt: "Classic King Room at Provo River Inn"},
|
||||
{
|
||||
id: "room-double-queen",
|
||||
name: "Double Queen",
|
||||
price: "From $99/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=2",
|
||||
imageAlt: "Double Queen Room at Provo River Inn",
|
||||
},
|
||||
id: "room-double-queen", name: "Double Queen", price: "From $99/night", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1", imageAlt: "Double Queen Room at Provo River Inn"},
|
||||
{
|
||||
id: "room-family-suite",
|
||||
name: "Family Suite",
|
||||
price: "From $119/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=2",
|
||||
imageAlt: "Family Suite at Provo River Inn",
|
||||
},
|
||||
id: "room-family-suite", name: "Family Suite", price: "From $119/night", imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1", imageAlt: "Family Suite at Provo River Inn"},
|
||||
{
|
||||
id: "room-accessible", name: "Accessible Room", price: "From $99/night", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=1", imageAlt: "Accessible Room at Provo River Inn"},
|
||||
{
|
||||
id: "room-deluxe-king", name: "Deluxe King Suite", price: "From $129/night", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1", imageAlt: "Deluxe King Suite at Provo River Inn"},
|
||||
{
|
||||
id: "room-two-bedroom", name: "Two Bedroom Suite", price: "From $149/night", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=1", imageAlt: "Two Bedroom Suite at Provo River Inn"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="scale-rotate"
|
||||
title="All Room Types"
|
||||
description="Choose the perfect room for your stay. Each room features clean, comfortable bedding, modern amenities, and a welcoming atmosphere designed for your comfort."
|
||||
title="Browse Our Room Selection"
|
||||
description="All rooms include complimentary WiFi, parking, continental breakfast, and access to our pool and hot tub. Choose the perfect room for your stay."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Room Features Section */}
|
||||
<div id="room-features" data-section="room-features">
|
||||
<FeatureCardMedia
|
||||
features={[
|
||||
{
|
||||
id: "feature-beds",
|
||||
title: "Premium Bedding",
|
||||
description: "High-quality mattresses and linens ensure a restful night's sleep every time.",
|
||||
tag: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "feature-amenities",
|
||||
title: "Modern Amenities",
|
||||
description: "Each room includes TV, climate control, WiFi, and a fully equipped bathroom with premium toiletries.",
|
||||
tag: "Technology",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "feature-views",
|
||||
title: "Welcoming Atmosphere",
|
||||
description: "Thoughtfully decorated spaces that feel warm, clean, and inviting from the moment you arrive.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="What's in Every Room"
|
||||
description="We focus on the essentials that matter most: comfort, cleanliness, convenience, and genuine hospitality."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Booking CTA Section */}
|
||||
<div id="booking-cta" data-section="booking-cta">
|
||||
{/* Contact CTA Section */}
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactSplit
|
||||
tag="Find Your Perfect Room"
|
||||
title="Book Your Stay Today"
|
||||
description="Reserve one of our comfortable rooms and experience the warmth and hospitality that our guests love about Provo River Inn."
|
||||
tag="Ready to Reserve?"
|
||||
title="Book Your Room Today"
|
||||
description="Select your perfect room and complete your reservation. Our team is here to help ensure a comfortable and memorable stay at Provo River Inn."
|
||||
tagIcon={Heart}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email to book"
|
||||
inputPlaceholder="Enter your email to get started"
|
||||
buttonText="Check Availability"
|
||||
termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
@@ -139,61 +113,37 @@ export default function RoomsPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "/rooms",
|
||||
},
|
||||
label: "Rooms", href: "/rooms"},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "/amenities",
|
||||
},
|
||||
label: "Amenities", href: "/amenities"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "/location",
|
||||
},
|
||||
label: "Location", href: "/location"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
label: "Book Now", href: "/book"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
{
|
||||
label: "Cancellation Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cancellation Policy", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #159c49;
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #8b5a3c;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #159c49;
|
||||
--background-accent: #a8e8ba;
|
||||
--accent: #d4a574;
|
||||
--background-accent: #c98757;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user