Merge version_2 into main #3

Merged
bender merged 9 commits from version_2 into main 2026-04-03 13:27:03 +00:00
9 changed files with 321 additions and 837 deletions

55
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,55 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { History } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="RSDdison Hotel"
/>
<main className="pt-32">
<TestimonialAboutCard
tag="Our Story"
title="A Century of Serenity"
description="Founded in 1924, RSDdison Hotel began as a small sanctuary deep within the forest."
subdescription="Through decades, we have preserved the harmony between modern luxury and natural surroundings."
icon={History}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1"
/>
</main>
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] },
{ title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ThemeProvider>
);
}

View File

@@ -1,13 +1,11 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
export default function LandingPage() {
export default function AmenitiesPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -21,158 +19,39 @@ export default function LandingPage() {
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Rooms",
id: "/rooms",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Amenities",
id: "/amenities",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="RSDdison Hotel"
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "a1",
title: "Forest Spa",
author: "Wellness Team",
description: "Rejuvenating treatments in a serene atmosphere.",
tags: [
"Spa",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=2",
},
{
id: "a2",
title: "Infinity Pool",
author: "Staff",
description: "Soak in views of the evergreen canopy.",
tags: [
"Pool",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=3",
},
{
id: "a3",
title: "24/7 Concierge",
author: "Service",
description: "Tailored experiences just for you.",
tags: [
"Service",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=4",
},
]}
title="World-Class Amenities"
description="Everything you need for a restorative stay."
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Our Wellness Experts"
tag="Meet the Team"
membersAnimation="slide-up"
memberVariant="card"
members={[
{
id: "m1",
name: "Sarah Jenkins",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-redhaired-girl-pajamas-with-smile-her-face-holds-disco-ball-glass-with-sweets-living-room-festive-mood-concept_197531-31754.jpg?_wi=2",
},
{
id: "m2",
name: "Dr. Marcus Thorne",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2",
},
]}
/>
</div>
<div id="footer" data-section="footer">
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="RSDdison Hotel"
/>
<main className="pt-32">
<FeatureCardMedia
title="World-Class Amenities"
description="Elevate your stay with our curated facilities designed for ultimate comfort."
animationType="slide-up"
textboxLayout="split"
features={[
{ id: "1", title: "Infinity Pool", description: "Soak in breathtaking forest views from our heated infinity pool.", tag: "Relaxation" },
{ id: "2", title: "Luxury Spa", description: "Indulge in rejuvenating treatments at our award-winning spa.", tag: "Wellness" },
{ id: "3", title: "Private Gym", description: "Maintain your fitness routine with our state-of-the-art equipment.", tag: "Active" }
]}
/>
</main>
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "/",
},
{
label: "Rooms",
href: "/rooms",
},
{
label: "Dining",
href: "/dining",
},
],
},
{
title: "Experience",
items: [
{
label: "Amenities",
href: "/amenities",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis>
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] },
{ title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ThemeProvider>
);
}
}

48
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,48 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function BookingPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Booking", id: "/booking" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
brandName="RSDdison Hotel"
/>
<main className="pt-32 pb-20 px-6 max-w-4xl mx-auto min-h-screen">
<h1 className="text-4xl font-bold mb-8">Online Booking</h1>
<p className="mb-6">Please select your dates and room preference below.</p>
<div className="grid gap-6">
<input type="date" className="p-4 border rounded-pill w-full" />
<select className="p-4 border rounded-pill w-full">
<option>Select Room Type</option>
<option>Forest Suite</option>
<option>Presidential Suite</option>
</select>
<button className="bg-primary-cta text-white p-4 rounded-pill font-semibold">Confirm Booking Request</button>
</div>
</main>
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Booking", href: "/booking" }] },
{ title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -2,153 +2,52 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Rooms",
id: "/rooms",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Amenities",
id: "/amenities",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="RSDdison Hotel"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Reserve Your Stay"
title="Begin Your Journey"
description="Connect with us to plan your perfect evergreen escape."
buttons={[
{
text: "Contact Us",
href: "/contact",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Contact FAQs"
description="Need immediate assistance?"
faqs={[
{
id: "c1",
title: "How can I reach you?",
content: "Via email or our 24/7 hotline.",
},
{
id: "c2",
title: "Where are you located?",
content: "Deep in the evergreen sanctuary.",
},
]}
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "/",
},
{
label: "Rooms",
href: "/rooms",
},
{
label: "Dining",
href: "/dining",
},
],
},
{
title: "Experience",
items: [
{
label: "Amenities",
href: "/amenities",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
{ name: "Rooms", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
]}
brandName="RSDdison Hotel"
/>
<div className="pt-32 pb-20">
<ContactSplitForm
title="Contact Our Team"
description="We are here to assist you with any questions about your stay."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Your message here...", rows: 4 }}
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/hotel-receptionist-welcoming-guest_23-2149037089.jpg"
/>
<div className="mt-16 text-center">
<h3 className="text-2xl font-bold">Our Location</h3>
<p className="mt-4">123 Forest Way, Eternal Valley, EV 90210</p>
</div>
</div>
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] },
{ title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }, { label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,177 +2,26 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
export default function LandingPage() {
export default function DiningPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Rooms",
id: "/rooms",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Amenities",
id: "/amenities",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="RSDdison Hotel"
/>
</div>
<div id="dining" data-section="dining">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Forest View Restaurant",
author: "Chef Marcus",
description: "Local seasonal ingredients with a global twist.",
tags: [
"Fine Dining",
],
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=1",
},
{
id: "f2",
title: "Golden Hour Lounge",
author: "Mixologist Sarah",
description: "Handcrafted cocktails and fine wines.",
tags: [
"Drinks",
],
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=2",
},
{
id: "f3",
title: "Morning Harvest Buffet",
author: "Chef Julian",
description: "Fresh, organic breakfast to start your day.",
tags: [
"Breakfast",
],
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=3",
},
]}
title="Culinary Excellence"
description="Savor gourmet flavors in an intimate setting."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Dining FAQ"
description="Learn about our reservation policy."
faqs={[
{
id: "fq1",
title: "Are reservations required?",
content: "Recommended for the Forest View Restaurant.",
},
{
id: "fq2",
title: "Do you accommodate allergies?",
content: "Absolutely, please inform our staff beforehand.",
},
]}
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "/",
},
{
label: "Rooms",
href: "/rooms",
},
{
label: "Dining",
href: "/dining",
},
],
},
{
title: "Experience",
items: [
{
label: "Amenities",
href: "/amenities",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Rooms", id: "/rooms"}, {name: "Dining", id: "/dining"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RSDdison Hotel" />
<FeatureCardNineteen
title="Culinary Delights"
description="Indulge in seasonal flavors and gourmet experiences crafted by our master chefs."
textboxLayout="split"
features={[
{ id: 1, tag: "Fine Dining", title: "The Evergreen Grill", subtitle: "Farm-to-table excellence", description: "Focusing on fresh, local ingredients sourced directly from the surrounding forest regions.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=1" },
{ id: 2, tag: "Casual", title: "Canopy Café", subtitle: "Relaxed ambiance", description: "Offering artisanal pastries, premium coffee, and light bistro bites throughout the day.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1" }
]}
/>
<FooterBaseCard logoText="RSDdison Hotel" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] }, { title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] }]} />
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -1,13 +1,11 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function LandingPage() {
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -21,130 +19,39 @@ export default function LandingPage() {
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Rooms",
id: "/rooms",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Amenities",
id: "/amenities",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="RSDdison Hotel"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Featured By"
description="Global recognition for our service."
names={[
"Travel Digest",
"Lux Magazine",
"Forest Living",
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Gallery Info"
description="FAQs about our premises."
faqs={[
{
id: "g1",
title: "Can I take photos?",
content: "Guests are encouraged to capture the beauty.",
},
{
id: "g2",
title: "Are professional shoots allowed?",
content: "Please contact us in advance for commercial requests.",
},
]}
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="RSDdison Hotel"
/>
<main className="pt-32">
<ProductCardThree
title="Photo Gallery"
description="Take a glimpse into the serene beauty of our resort."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
products={[
{ id: "g1", name: "Lobby", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1" },
{ id: "g2", name: "Dining Hall", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=2" },
{ id: "g3", name: "Spa Area", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=3" }
]}
/>
</main>
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "/",
},
{
label: "Rooms",
href: "/rooms",
},
{
label: "Dining",
href: "/dining",
},
],
},
{
title: "Experience",
items: [
{
label: "Amenities",
href: "/amenities",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis>
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] },
{ title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ThemeProvider>
);
}
}

View File

@@ -28,30 +28,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Rooms",
id: "/rooms",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Amenities",
id: "/amenities",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Booking", id: "/booking" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
brandName="RSDdison Hotel"
/>
@@ -60,41 +43,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Escape to the Eternal Forest"
description="Experience unparalleled luxury and serenity at RSDdison Hotel. Where every detail is designed for your comfort."
buttons={[
{
text: "Book Now",
href: "#",
},
{ text: "Book Now", href: "/booking" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=2",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=3",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=4",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=5",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=6",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=2" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=3" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=4" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=5" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=6" },
]}
/>
</div>
@@ -112,31 +73,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-redhaired-girl-pajamas-with-smile-her-face-holds-disco-ball-glass-with-sweets-living-room-festive-mood-concept_197531-31754.jpg?_wi=1",
},
{
id: "t2",
name: "James V.",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-with-luggage-passport-un-waiting-area_107420-63620.jpg",
},
{
id: "t3",
name: "Sarah K.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
},
{
id: "t4",
name: "Mark L.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg",
},
{
id: "t5",
name: "Sophie M.",
imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579755.jpg",
},
{ id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-redhaired-girl-pajamas-with-smile-her-face-holds-disco-ball-glass-with-sweets-living-room-festive-mood-concept_197531-31754.jpg?_wi=1" },
{ id: "t2", name: "James V.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-with-luggage-passport-un-waiting-area_107420-63620.jpg" },
{ id: "t3", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1" },
{ id: "t4", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg" },
{ id: "t5", name: "Sophie M.", imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579755.jpg" },
]}
cardTitle="Our Guests' Stories"
cardTag="Testimonials"
@@ -152,40 +93,8 @@ export default function LandingPage() {
title="Exclusive Packages"
description="Indulge in tailored experiences designed for your relaxation."
plans={[
{
id: "p1",
badge: "Popular",
price: "$1200",
subtitle: "Weekly Forest Retreat",
buttons: [
{
text: "Select Plan",
href: "#",
},
],
features: [
"Full board",
"Spa access",
"Daily excursions",
],
},
{
id: "p2",
badge: "Luxury",
price: "$2500",
subtitle: "Presidential Stay",
buttons: [
{
text: "Select Plan",
href: "#",
},
],
features: [
"VIP treatment",
"Private balcony",
"Unlimited fine dining",
],
},
{ id: "p1", badge: "Popular", price: "$1200", subtitle: "Weekly Forest Retreat", buttons: [{ text: "Book Now", href: "/booking" }], features: ["Full board", "Spa access", "Daily excursions"] },
{ id: "p2", badge: "Luxury", price: "$2500", subtitle: "Presidential Stay", buttons: [{ text: "Book Now", href: "/booking" }], features: ["VIP treatment", "Private balcony", "Unlimited fine dining"] },
]}
/>
</div>
@@ -197,16 +106,8 @@ export default function LandingPage() {
title="Frequently Asked Questions"
description="Find answers to common inquiries about your upcoming visit."
faqs={[
{
id: "q1",
title: "What time is check-in?",
content: "Check-in begins at 3:00 PM.",
},
{
id: "q2",
title: "Do you offer airport shuttle?",
content: "Yes, we provide concierge-led private transport.",
},
{ id: "q1", title: "What time is check-in?", content: "Check-in begins at 3:00 PM." },
{ id: "q2", title: "Do you offer airport shuttle?", content: "Yes, we provide concierge-led private transport." },
]}
faqsAnimation="slide-up"
/>
@@ -216,57 +117,13 @@ export default function LandingPage() {
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "/",
},
{
label: "Rooms",
href: "/rooms",
},
{
label: "Dining",
href: "/dining",
},
],
},
{
title: "Experience",
items: [
{
label: "Amenities",
href: "/amenities",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Booking", href: "/booking" }] },
{ title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

48
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,48 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function ReviewsPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
{ name: "Rooms", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
]}
brandName="RSDdison Hotel"
/>
<div className="pt-32 pb-20">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "r1", name: "Anna B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-long-hair_23-2148215682.jpg" },
{ id: "r2", name: "Paul D.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-posing_23-2148215682.jpg" },
]}
cardTitle="Guest Testimonials"
cardTag="Verified Guests"
cardAnimation="slide-up"
/>
</div>
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] },
{ title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }, { label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -2,83 +2,25 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
export default function RoomsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Amenities", id: "/amenities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
brandName="RSDdison Hotel"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Presidential Forest Suite", price: "$899/night", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890396.jpg", brand: "RSDdison" },
{ id: "p2", name: "Executive Garden Room", price: "$599/night", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-sitting-lounge-area-waiting-room-check-before-meeting-with-international-company-shareholders-professional-businessman-travelling-work-hotel-accommodation_482257-72885.jpg", brand: "RSDdison" },
{ id: "p3", name: "Premium Canopy Suite", price: "$699/night", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497275.jpg", brand: "RSDdison" },
{ id: "p4", name: "Deluxe Serenity Room", price: "$450/night", rating: 5, reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg", brand: "RSDdison" },
{ id: "p5", name: "Junior Harmony Suite", price: "$399/night", rating: 5, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg", brand: "RSDdison" },
{ id: "p6", name: "Classic Forest View", price: "$299/night", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg", brand: "RSDdison" },
]}
title="Exquisite Suites"
description="Choose your perfect sanctuary."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Room Rates"
description="View our flexible pricing options."
plans={[
{ id: "pr1", badge: "Classic", price: "$250", subtitle: "Standard rate", buttons: [{ text: "View", href: "#" }], features: ["WiFi", "Breakfast"] },
{ id: "pr2", badge: "Premium", price: "$450", subtitle: "Deluxe rate", buttons: [{ text: "View", href: "#" }], features: ["WiFi", "Breakfast", "Spa access"] },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] },
{ title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Rooms", id: "/rooms"}, {name: "Dining", id: "/dining"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RSDdison Hotel" />
<FeatureCardNineteen
title="Our Rooms & Suites"
description="Discover ultimate comfort in our thoughtfully designed living spaces."
textboxLayout="split"
features={[
{ id: 1, tag: "Luxury", title: "Presidential Suite", subtitle: "Spacious and refined", description: "Features a private balcony, king-sized bed, and panoramic forest views.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1" },
{ id: 2, tag: "Comfort", title: "Deluxe Room", subtitle: "Modern retreat", description: "Perfect for relaxation with premium amenities and minimalist decor.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg" }
]}
/>
<FooterBaseCard logoText="RSDdison Hotel" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] }, { title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] }]} />
</ReactLenis>
</ThemeProvider>
);