Update src/app/rooms/page.tsx

This commit is contained in:
2026-03-14 09:44:50 +00:00
parent 945a7e840e
commit 8d7b410cc2

View File

@@ -1,19 +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 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, Phone } from "lucide-react";
import { Heart } from "lucide-react";
export default function RoomsPage() {
const handlePhoneCall = () => {
window.location.href = "tel:801-373-7044";
};
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -44,63 +39,69 @@ export default function RoomsPage() {
/>
</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="Call to Book Your Stay"
description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
tagIcon={Phone}
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="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}
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."
/>
</div>