380 lines
15 KiB
TypeScript
380 lines
15 KiB
TypeScript
"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 TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Heart, MapPin, Navigation, Smile } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
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" },
|
|
]}
|
|
button={{
|
|
text: "Book Your Stay",
|
|
href: "/book",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero-home" data-section="hero-home">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Provo River Inn"
|
|
description="A relaxing stay in a peaceful Provo setting. Quiet comfort, welcoming service, family-friendly amenities, and convenient access to dining, parks, and the Provo River."
|
|
background={{ variant: "animated-grid" }}
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay",
|
|
href: "/book",
|
|
},
|
|
{
|
|
text: "Explore Rooms",
|
|
href: "/rooms",
|
|
},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=1"
|
|
imageAlt="Comfortable hotel room at Provo River Inn"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
{/* Trust Strip Section */}
|
|
<div id="trust-strip" data-section="trust-strip">
|
|
<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: "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: "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"
|
|
description="We're committed to quiet comfort, warm hospitality, and convenient access to everything Provo has to offer."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="about-home" data-section="about-home">
|
|
<TestimonialAboutCard
|
|
tag="Welcome to Provo River Inn"
|
|
tagIcon={Heart}
|
|
title="Your Comfortable Stay Awaits"
|
|
description="Whether you're visiting family, exploring Provo, or seeking a quiet place to recharge, Provo River Inn offers a welcoming stay with thoughtful comforts and a convenient location close to dining, parks, and the river."
|
|
subdescription="We believe that a great stay doesn't require luxury—it requires warmth, cleanliness, comfortable beds, and genuinely helpful people. That's what we deliver."
|
|
icon={Smile}
|
|
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=2"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Featured Rooms Section */}
|
|
<div id="featured-rooms" data-section="featured-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=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-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"
|
|
animationType="scale-rotate"
|
|
title="Comfortable Rooms & Suites"
|
|
description="Each room offers clean, comfortable bedding, a welcoming atmosphere, and convenient amenities to make your stay simple and pleasant."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "View All Rooms",
|
|
href: "/rooms",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Amenities Section */}
|
|
<div id="amenities-highlight" data-section="amenities-highlight">
|
|
<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: "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: "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"
|
|
description="Simple comforts designed to help you relax, recharge, and enjoy your stay."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Reviews Section */}
|
|
<div id="reviews-testimonials" data-section="reviews-testimonials">
|
|
<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-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-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-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."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Location Section */}
|
|
<div id="location-highlight" data-section="location-highlight">
|
|
<TestimonialAboutCard
|
|
tag="Perfectly Located"
|
|
tagIcon={MapPin}
|
|
title="Stay Close to Provo's Best"
|
|
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=1"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact CTA Section */}
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactSplit
|
|
tag="Ready for a Relaxing Stay?"
|
|
title="Book Your Comfortable Stay"
|
|
description="Reserve your room today and discover why guests keep choosing Provo River Inn for peace, comfort, and convenience."
|
|
tagIcon={Heart}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=4"
|
|
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={[
|
|
{
|
|
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>
|
|
);
|
|
} |