Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bf399e05c1 | |||
| cc716ec6c9 | |||
| 095daf4326 |
302
src/app/page.tsx
302
src/app/page.tsx
@@ -12,6 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { CalendarDays } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "#amenities",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Amenities", id: "#amenities" },
|
||||
{ name: "Rooms", id: "#rooms" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BW Plus Grant Creek Inn"
|
||||
/>
|
||||
@@ -59,75 +45,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Mountain Comfort Meets Modern Luxury"
|
||||
description="Experience premium hospitality in Missoula's heart. Discover elegant rooms, world-class amenities, and genuine Montana warmth at Best Western Plus Grant Creek Inn."
|
||||
description="Experience premium hospitality in Missoula's heart. Discover elegant rooms, world-class amenities, and genuine Montana warmth at Best Western Plus Grant Creek Inn. Book your stay by selecting your check-in and check-out dates below."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Reserve Your Stay", href: "#contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ulsan-bawi-rock-seoraksan-mountains-winter-south-korea_335224-286.jpg",
|
||||
imageAlt: "Grant Creek Inn exterior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497273.jpg",
|
||||
imageAlt: "Luxury guest suite",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_1203-3708.jpg",
|
||||
imageAlt: "Indoor pool",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floating-breakfast-set-tray-with-fried-egg-omelette-sausage-ham-bread-fruit-milk-juice-coffee_74190-10102.jpg",
|
||||
imageAlt: "Complimentary breakfast",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",
|
||||
imageAlt: "Modern lobby",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-mountains-front-large-landscape_181624-15631.jpg",
|
||||
imageAlt: "Montana mountain view",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/ulsan-bawi-rock-seoraksan-mountains-winter-south-korea_335224-286.jpg", imageAlt: "Grant Creek Inn exterior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497273.jpg", imageAlt: "Luxury guest suite" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_1203-3708.jpg", imageAlt: "Indoor pool" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/floating-breakfast-set-tray-with-fried-egg-omelette-sausage-ham-bread-fruit-milk-juice-coffee_74190-10102.jpg", imageAlt: "Complimentary breakfast" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg", imageAlt: "Modern lobby" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-mountains-front-large-landscape_181624-15631.jpg", imageAlt: "Montana mountain view" },
|
||||
]}
|
||||
/>
|
||||
<div className="px-6 py-8 bg-[#0a0a0a] border border-[#2a2a2a] max-w-4xl mx-auto rounded-lg shadow-2xl flex flex-wrap gap-4 items-center justify-center -mt-20 relative z-10">
|
||||
<div className="flex flex-col gap-2 flex-1">
|
||||
<label className="text-white/70 text-xs font-semibold uppercase tracking-wider">Check-in Date</label>
|
||||
<input type="date" className="bg-[#1a1a1a] text-white p-3 rounded-md border border-[#333] focus:ring-2 focus:ring-blue-500 outline-none" />
|
||||
</div>
|
||||
<div className="flex flex-col gap-2 flex-1">
|
||||
<label className="text-white/70 text-xs font-semibold uppercase tracking-wider">Check-out Date</label>
|
||||
<input type="date" className="bg-[#1a1a1a] text-white p-3 rounded-md border border-[#333] focus:ring-2 focus:ring-blue-500 outline-none" />
|
||||
</div>
|
||||
<button className="bg-blue-600 text-white px-8 py-3 rounded-md font-bold mt-6 hover:bg-blue-700 transition">
|
||||
Check Availability
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Gateway to Montana",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-latin-man-sitting-armchair-using-laptop-with-female-colleague-background_662251-1603.jpg",
|
||||
alt: "Hotel ambiance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Hospitality Excellence",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Your Gateway to Montana" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/handsome-young-latin-man-sitting-armchair-using-laptop-with-female-colleague-background_662251-1603.jpg", alt: "Hotel ambiance" },
|
||||
{ type: "text", content: "Hospitality Excellence" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More About Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,30 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Free High-Speed Wi-Fi",
|
||||
descriptions: [
|
||||
"Stay connected with our ultra-fast and reliable internet access in every room.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-bedroom_1098-21725.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Modern Fitness Center",
|
||||
descriptions: [
|
||||
"Keep up with your fitness routine in our fully-equipped, modern gym.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-gym_23-2148503031.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Meeting Facilities",
|
||||
descriptions: [
|
||||
"Perfect for your next corporate event with professional audio-visual support.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-manager-using-laptop-banquet-hall_23-2148085313.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Free High-Speed Wi-Fi", descriptions: ["Stay connected with our ultra-fast and reliable internet access in every room."], imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-bedroom_1098-21725.jpg" },
|
||||
{ id: "f2", title: "Modern Fitness Center", descriptions: ["Keep up with your fitness routine in our fully-equipped, modern gym."], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-gym_23-2148503031.jpg" },
|
||||
{ id: "f3", title: "Meeting Facilities", descriptions: ["Perfect for your next corporate event with professional audio-visual support."], imageSrc: "http://img.b2bpic.net/free-photo/event-manager-using-laptop-banquet-hall_23-2148085313.jpg" },
|
||||
]}
|
||||
title="World-Class Amenities"
|
||||
description="Enjoy unmatched comfort with our comprehensive facilities designed for both business and leisure travelers."
|
||||
@@ -173,36 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Premium Rooms",
|
||||
items: [
|
||||
"Executive Suites",
|
||||
"Mountain View Kings",
|
||||
"Accessible Options",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8/5",
|
||||
title: "Guest Satisfaction",
|
||||
items: [
|
||||
"Top-tier Service",
|
||||
"Cleanliness",
|
||||
"Comfort",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
items: [
|
||||
"Front Desk",
|
||||
"Concierge",
|
||||
"Concierge Services",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Premium Rooms", items: ["Executive Suites", "Mountain View Kings", "Accessible Options"] },
|
||||
{ id: "m2", value: "4.8/5", title: "Guest Satisfaction", items: ["Top-tier Service", "Cleanliness", "Comfort"] },
|
||||
{ id: "m3", value: "24/7", title: "Support Availability", items: ["Front Desk", "Concierge", "Concierge Services"] },
|
||||
]}
|
||||
title="Our Hotel Highlights"
|
||||
description="Excellence defined by guests and service quality."
|
||||
@@ -216,60 +124,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Room",
|
||||
name: "Standard Queen",
|
||||
price: "$189/night",
|
||||
rating: 4.5,
|
||||
reviewCount: "240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-metal-tray_658428-54.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Room",
|
||||
name: "Deluxe King Suite",
|
||||
price: "$249/night",
|
||||
rating: 4.8,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Room",
|
||||
name: "Accessible Queen",
|
||||
price: "$199/night",
|
||||
rating: 4.7,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-couple-looking-laptop-bed-together_23-2148404441.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Room",
|
||||
name: "Family Suite",
|
||||
price: "$289/night",
|
||||
rating: 4.6,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-spending-time-with-their-black-baby_23-2149490651.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Room",
|
||||
name: "Executive Studio",
|
||||
price: "$229/night",
|
||||
rating: 4.9,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Room",
|
||||
name: "Mountain King View",
|
||||
price: "$269/night",
|
||||
rating: 4.8,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-lounge-with-rattan-armchairs-seaview-luxury-resort-summer-holiday-concept_1253-931.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Room", name: "Standard Queen", price: "$189/night", rating: 4.5, reviewCount: "240", imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-metal-tray_658428-54.jpg" },
|
||||
{ id: "p2", brand: "Room", name: "Deluxe King Suite", price: "$249/night", rating: 4.8, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg" },
|
||||
{ id: "p3", brand: "Room", name: "Accessible Queen", price: "$199/night", rating: 4.7, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-couple-looking-laptop-bed-together_23-2148404441.jpg" },
|
||||
{ id: "p4", brand: "Room", name: "Family Suite", price: "$289/night", rating: 4.6, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/parents-spending-time-with-their-black-baby_23-2149490651.jpg" },
|
||||
{ id: "p5", brand: "Room", name: "Executive Studio", price: "$229/night", rating: 4.9, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956531.jpg" },
|
||||
{ id: "p6", brand: "Room", name: "Mountain King View", price: "$269/night", rating: 4.8, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/terrace-lounge-with-rattan-armchairs-seaview-luxury-resort-summer-holiday-concept_1253-931.jpg" },
|
||||
]}
|
||||
title="Room Inventory"
|
||||
description="Browse our range of comfortable, upscale accommodation options."
|
||||
@@ -282,41 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Corporate Client",
|
||||
testimonial: "Excellent service and comfortable stay for business. The WiFi was consistently fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-reading-book-drinking-coffee-outside-street_1303-21688.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Leisure Traveler",
|
||||
testimonial: "Amazing mountain views from my room and the staff were incredibly helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2435.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Event Planner",
|
||||
testimonial: "Great facilities for our corporate group. Everything was well-organized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1198.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Business Traveler",
|
||||
testimonial: "Consistently great experience at this location. My go-to in Missoula.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shocked-face-sitting-floor-with-suitcase-looking-worried-tensed-mobile-phone_1258-270840.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda White",
|
||||
role: "Tourist",
|
||||
testimonial: "Loved the breakfast selection and the indoor pool. Perfect for our family trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Corporate Client", testimonial: "Excellent service and comfortable stay for business. The WiFi was consistently fast.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-reading-book-drinking-coffee-outside-street_1303-21688.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Leisure Traveler", testimonial: "Amazing mountain views from my room and the staff were incredibly helpful.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2435.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Event Planner", testimonial: "Great facilities for our corporate group. Everything was well-organized.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1198.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Business Traveler", testimonial: "Consistently great experience at this location. My go-to in Missoula.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-shocked-face-sitting-floor-with-suitcase-looking-worried-tensed-mobile-phone_1258-270840.jpg" },
|
||||
{ id: "5", name: "Amanda White", role: "Tourist", testimonial: "Loved the breakfast selection and the indoor pool. Perfect for our family trip.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their stay at Grant Creek Inn."
|
||||
@@ -328,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in time is at 3:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, we provide a complimentary breakfast every morning.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there meeting rooms available?",
|
||||
content: "Absolutely, we have professional meeting spaces for groups and corporate events.",
|
||||
},
|
||||
{ id: "q1", title: "What is the check-in time?", content: "Check-in time is at 3:00 PM." },
|
||||
{ id: "q2", title: "Is breakfast included?", content: "Yes, we provide a complimentary breakfast every morning." },
|
||||
{ id: "q3", title: "Are there meeting rooms available?", content: "Absolutely, we have professional meeting spaces for groups and corporate events." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-receptionist-helps-retired-old-man-with-hotel-checkin-verifying-identity-retrieving-reservation-details-female-concierge-holds-checks-passport-male-tourist-focus-background_482257-75152.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -355,9 +173,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Reserve Your Stay"
|
||||
description="Ready to visit Missoula? Contact us for the best rates or group bookings."
|
||||
inputPlaceholder="Enter your email for inquiries"
|
||||
@@ -369,17 +185,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BW Plus Grant Creek Inn"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #1f7cff;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--accent: #1f7cff;
|
||||
--background-accent: #f96b2f;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user