Merge version_2 into main #4

Merged
bender merged 6 commits from version_2 into main 2026-04-03 13:27:43 +00:00
6 changed files with 161 additions and 183 deletions

View File

@@ -3,53 +3,45 @@
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";
import MediaAbout from '@/components/sections/about/MediaAbout';
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"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<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"
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Amenities", id: "/amenities" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { name: "Gallery", id: "/gallery" }]}
brandName="RSDdison Hotel"
/>
</div>
<main>
<div id="about" data-section="about">
<MediaAbout
title="A Century of Serenity"
description="Founded in 1924, RSDdison Hotel began as a small sanctuary deep within the forest. Through decades, we have preserved the harmony between modern luxury and natural surroundings."
tag="Our Story"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1"
/>
</div>
</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: "#" }] },
]}
/>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }, { label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] }]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -8,50 +8,44 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
export default function AmenitiesPage() {
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"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<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">
<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" }
]}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Amenities", id: "/amenities" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { name: "Gallery", id: "/gallery" }]}
brandName="RSDdison Hotel"
/>
</div>
<main>
<div id="amenities" data-section="amenities">
<FeatureCardMedia
title="World-Class Amenities"
description="Elevate your stay with our curated facilities designed for ultimate comfort."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: 1, title: "Infinity Pool", description: "Soak in breathtaking forest views from our heated infinity pool." },
{ id: 2, title: "Luxury Spa", description: "Indulge in rejuvenating treatments at our award-winning spa." }
]}
/>
</div>
</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: "#" }] },
]}
/>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] }]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -1,7 +1,6 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -9,45 +8,30 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function ContactPage() {
return (
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<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" },
]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Amenities", id: "/amenities" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { 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>
<main>
<div id="contact" data-section="contact">
<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 }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/hotel-receptionist-welcoming-guest_23-2149037089.jpg"
/>
</div>
</main>
<div id="footer" data-section="footer">
<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: "#" }] },
]}
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] }]}
/>
</ReactLenis>
</div>
</ThemeProvider>
);
}

View File

@@ -1,7 +1,6 @@
"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';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -9,19 +8,26 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
export default function DiningPage() {
return (
<ThemeProvider>
<ReactLenis root>
<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>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Dining", id: "/dining"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Rooms", id: "/rooms"}]} brandName="RSDdison Hotel" />
</div>
<main>
<div id="dining" data-section="dining">
<FeatureCardNineteen
title="Culinary Delights"
description="Indulge in seasonal flavors and gourmet experiences crafted by our master chefs."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: 1, tag: "Fine Dining", title: "The Evergreen Grill", subtitle: "Farm-to-table excellence", description: "Focusing on fresh, local ingredients.", 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 and premium coffee.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1" }
]}
/>
</div>
</main>
<div id="footer" data-section="footer">
<FooterBaseCard logoText="RSDdison Hotel" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Dining", href: "/dining" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Gallery", href: "/gallery" }] }]} />
</div>
</ThemeProvider>
);
}

View File

@@ -8,50 +8,46 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function GalleryPage() {
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"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<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">
<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" }
]}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Gallery", id: "/gallery" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { name: "Amenities", id: "/amenities" }]}
brandName="RSDdison Hotel"
/>
</div>
<main>
<div id="gallery" data-section="gallery">
<ProductCardThree
title="Photo Gallery"
description="Take a glimpse into the serene beauty of our resort."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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" }
]}
/>
</div>
</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: "#" }] },
]}
/>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RSDdison Hotel"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] }]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -1,7 +1,6 @@
"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';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -9,19 +8,26 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
export default function RoomsPage() {
return (
<ThemeProvider>
<ReactLenis root>
<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>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Rooms", id: "/rooms"}, {name: "Dining", id: "/dining"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}]} brandName="RSDdison Hotel" />
</div>
<main>
<div id="rooms" data-section="rooms">
<FeatureCardNineteen
title="Our Rooms & Suites"
description="Discover ultimate comfort in our thoughtfully designed living spaces."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: 1, tag: "Luxury", title: "Presidential Suite", subtitle: "Spacious and refined", description: "Spacious balcony and 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.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg" }
]}
/>
</div>
</main>
<div id="footer" data-section="footer">
<FooterBaseCard logoText="RSDdison Hotel" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }] }, { title: "Experience", items: [{ label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] }]} />
</div>
</ThemeProvider>
);
}