Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-17 12:13:17 +00:00
4 changed files with 183 additions and 396 deletions

View File

@@ -6,7 +6,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function DiningPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -21,57 +21,35 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Stay",
id: "/rooms",
},
{
name: "Experience",
id: "/experience",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Heritage",
id: "/heritage",
},
{
name: "Book Now",
id: "/",
},
]}
brandName="Waldorf Astoria"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Stay", id: "/rooms" },
{ name: "Experience", id: "/heritage" },
{ name: "Book Now", id: "/" },
]}
brandName="Waldorf Astoria"
button={{ text: "Book Now", href: "/rooms" }}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "A Culinary Journey",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",
alt: "Gourmet meal served",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "A Culinary Journey" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg", alt: "Gourmet meal served" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -6,7 +6,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function HeritagePage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -21,57 +21,35 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Stay",
id: "/rooms",
},
{
name: "Experience",
id: "/experience",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Heritage",
id: "/heritage",
},
{
name: "Book Now",
id: "/",
},
]}
brandName="Waldorf Astoria"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Stay", id: "/rooms" },
{ name: "Dining", id: "/dining" },
{ name: "Book Now", id: "/" },
]}
brandName="Waldorf Astoria"
button={{ text: "Book Now", href: "/rooms" }}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Legacy of Art Deco",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/gothic-vault-decorative-paintings-architectural-design_169016-68742.jpg",
alt: "Architectural detail",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "The Legacy of Art Deco" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/gothic-vault-decorative-paintings-architectural-design_169016-68742.jpg", alt: "Architectural detail" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -27,249 +27,106 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Stay",
id: "/rooms",
},
{
name: "Experience",
id: "/experience",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Heritage",
id: "/heritage",
},
{
name: "Book Now",
id: "/",
},
]}
brandName="Waldorf Astoria"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Stay", id: "/rooms" },
{ name: "Experience", id: "/heritage" },
{ name: "Dining", id: "/dining" },
{ name: "Book Now", id: "/" },
]}
brandName="Waldorf Astoria"
button={{ text: "Book Now", href: "/rooms" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "gradient-bars",
}}
logoText="Waldorf Astoria"
description="An icon reborn in the heart of New York. Where timeless elegance lives again."
buttons={[
{
text: "Reserve Your Stay",
href: "/rooms",
},
{
text: "Explore the Experience",
href: "/heritage",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg?_wi=1"
imageAlt="The Grand Waldorf Astoria Lobby"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "gradient-bars" }}
logoText="Waldorf Astoria"
description="An icon reborn in the heart of New York. Where timeless elegance lives again."
buttons={[{ text: "Reserve Your Stay", href: "/rooms" }, { text: "Explore the Experience", href: "/heritage" }]}
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg"
imageAlt="The Grand Waldorf Astoria Lobby"
mediaAnimation="slide-up"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Deluxe Room",
price: "From $900/nt",
variant: "Park Avenue View",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg?_wi=1",
imageAlt: "Deluxe Room",
},
{
id: "s2",
name: "Junior Suite",
price: "From $1,400/nt",
variant: "Signature Marble Bath",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=1",
imageAlt: "Junior Suite",
},
{
id: "s3",
name: "Signature Suite",
price: "From $2,800/nt",
variant: "Art Deco Revival",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-after-waking-up_1163-1473.jpg",
imageAlt: "Signature Suite",
},
]}
title="Spacious. Refined. Unforgettable."
description="Experience rooms designed for comfort, defined by elegance."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "s1", name: "Deluxe Room", price: "From $900/nt", variant: "Park Avenue View", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg", imageAlt: "Deluxe Room" },
{ id: "s2", name: "Junior Suite", price: "From $1,400/nt", variant: "Signature Marble Bath", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg", imageAlt: "Junior Suite" },
{ id: "s3", name: "Signature Suite", price: "From $2,800/nt", variant: "Art Deco Revival", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-after-waking-up_1163-1473.jpg", imageAlt: "Signature Suite" },
]}
title="Spacious. Refined. Unforgettable."
description="Experience rooms designed for comfort, defined by elegance."
/>
</div>
<div id="dining" data-section="dining">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafted for Unforgettable Evenings",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg",
alt: "Fine Dining",
},
]}
buttons={[
{
text: "Discover Dining",
href: "/dining",
},
]}
/>
</div>
<div id="dining" data-section="dining">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Crafted for Unforgettable Evenings" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg", alt: "Fine Dining" },
]}
buttons={[{ text: "Discover Dining", href: "/dining" }]}
/>
</div>
<div id="service" data-section="service">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Concierge Excellence",
description: "Global standards, local expertise.",
icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/doorman-reads-literature-fragments_482257-110106.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bellboy-using-modern-tablet_482257-102638.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg?_wi=2",
imageAlt: "hotel concierge service professional",
},
{
title: "Restoration Heritage",
description: "Art Deco revival at its finest.",
icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brick-building-with-sky-background_1162-30.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg?_wi=2",
imageAlt: "hotel concierge service professional",
},
{
title: "Personalized Stays",
description: "Curated experiences every visit.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-hotel-room-residence-is-furnished-modernly-copy-space-background_1258-84783.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=2",
imageAlt: "hotel concierge service professional",
},
]}
title="Anticipating Every Need"
description="Our staff provides service that is attentive, warm, and genuinely kind."
/>
</div>
<div id="service" data-section="service">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Concierge Excellence", description: "Global standards, local expertise.", icon: Star, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/doorman-reads-literature-fragments_482257-110106.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/bellboy-using-modern-tablet_482257-102638.jpg" }] },
{ title: "Restoration Heritage", description: "Art Deco revival at its finest.", icon: Award, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-white-wooden-fence_250224-276.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/brick-building-with-sky-background_1162-30.jpg" }] },
{ title: "Personalized Stays", description: "Curated experiences every visit.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/interior-hotel-room-residence-is-furnished-modernly-copy-space-background_1258-84783.jpg" }] },
]}
title="Anticipating Every Need"
description="Our staff provides service that is attentive, warm, and genuinely kind."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John D.",
handle: "Frequent Traveler",
testimonial: "Absolutely incredible stay. The magic is back.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/guy-black-suit-male-restaurant_1157-46259.jpg",
},
{
id: "t2",
name: "Sarah M.",
handle: "Global Business",
testimonial: "Flawless from beginning to end.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg",
},
{
id: "t3",
name: "Robert B.",
handle: "Luxury Traveler",
testimonial: "The staff truly anticipates every need.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg",
},
{
id: "t4",
name: "Elena K.",
handle: "Vacationer",
testimonial: "Art Deco opulence meets modern luxury.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-14741.jpg",
},
{
id: "t5",
name: "Mark S.",
handle: "Concierge Guest",
testimonial: "Impeccable design and restoration.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-alcoholic-drink_1163-2892.jpg",
},
]}
showRating={true}
title="A Legacy of Excellence"
description="What our guests say about the return of an icon."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "John D.", handle: "Frequent Traveler", testimonial: "Absolutely incredible stay. The magic is back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-black-suit-male-restaurant_1157-46259.jpg" },
{ id: "t2", name: "Sarah M.", handle: "Global Business", testimonial: "Flawless from beginning to end.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg" },
{ id: "t3", name: "Robert B.", handle: "Luxury Traveler", testimonial: "The staff truly anticipates every need.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg" },
{ id: "t4", name: "Elena K.", handle: "Vacationer", testimonial: "Art Deco opulence meets modern luxury.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-14741.jpg" },
{ id: "t5", name: "Mark S.", handle: "Concierge Guest", testimonial: "Impeccable design and restoration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-alcoholic-drink_1163-2892.jpg" },
]}
showRating={true}
title="A Legacy of Excellence"
description="What our guests say about the return of an icon."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Your stay at Waldorf Astoria New York awaits."
buttons={[
{
text: "Book Now",
href: "/rooms",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Your stay at Waldorf Astoria New York awaits."
buttons={[{ text: "Book Now", href: "/rooms" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -6,7 +6,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function LandingPage() {
export default function RoomsPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -21,67 +21,41 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Stay",
id: "/rooms",
},
{
name: "Experience",
id: "/experience",
},
{
name: "Dining",
id: "/dining",
},
{
name: "Heritage",
id: "/heritage",
},
{
name: "Book Now",
id: "/",
},
]}
brandName="Waldorf Astoria"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Experience", id: "/heritage" },
{ name: "Dining", id: "/dining" },
{ name: "Book Now", id: "/" },
]}
brandName="Waldorf Astoria"
button={{ text: "Book Now", href: "/rooms" }}
/>
</div>
<div id="product" data-section="product">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Suite Collection"
description="Discover our meticulously curated selection of suites and rooms."
products={[
{
id: "e1",
name: "Executive Suite",
price: "From $3,500/nt",
variant: "Panoramic City View",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg",
},
{
id: "e2",
name: "Grand Ballroom Suite",
price: "From $5,000/nt",
variant: "Historical Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg",
},
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Suite Collection"
description="Discover our meticulously curated selection of suites and rooms."
products={[
{ id: "e1", name: "Executive Suite", price: "From $3,500/nt", variant: "Panoramic City View", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg" },
{ id: "e2", name: "Grand Ballroom Suite", price: "From $5,000/nt", variant: "Historical Luxury", imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg" },
{ id: "e3", name: "Standard Room", price: "From $800/nt", variant: "Classic Style", imageSrc: "http://img.b2bpic.net/free-photo/empty-corridor-interior-entrance-hall-house-with-dramatic-background_9083-8110.jpg" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Waldorf Astoria New York"
copyrightText="© 2025 Waldorf Astoria | All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);