Merge version_1 into main #5

Merged
bender merged 1 commits from version_1 into main 2026-05-20 18:58:45 +00:00

View File

@@ -6,7 +6,7 @@ import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ReservationsPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -21,61 +21,54 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "About", id: "/about" },
]}
brandName="Velora Café"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "About", id: "/about" },
]}
brandName="Velora Café"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Reserve Your Table"
tag="Booking"
metrics={[
{
id: "m1", value: "Easy", description: "Seamless booking experience"},
{
id: "m2", value: "Private", description: "Exclusive dining corners"},
{
id: "m3", value: "Anytime", description: "Available 7 days a week"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Reserve Your Table"
tag="Booking"
metrics={[
{ id: "m1", value: "Easy", description: "Seamless booking experience" },
{ id: "m2", value: "Private", description: "Exclusive dining corners" },
{ id: "m3", value: "Anytime", description: "Available 7 days a week" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why Book Ahead?"
description="Ensuring you have the perfect spot for your morning meetings or intimate afternoon chats."
showStepNumbers={true}
features={[
{
title: "Prioritized Entry", description: "Skip the queue during peak coffee hours.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-white-suit-with-embroidery-sits-windowsill-before-bright-window_8353-8275.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg" },
media: { imageSrc: "http://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57338.jpg", imageAlt: "Handsome young man in white suit with embroidery sits on a windowsill before bright window" },
items: [],
reverse: false
},
{
title: "Custom Settings", description: "Request your preferred table or ambient lighting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg" },
media: { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", imageAlt: "Handsome young man in white suit with embroidery sits on a windowsill before bright window" },
items: [],
reverse: false
}
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why Book Ahead?"
description="Ensuring you have the perfect spot for your morning meetings or intimate afternoon chats."
showStepNumbers={true}
features={[
{
title: "Prioritized Entry", description: "Skip the queue during peak coffee hours.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-white-suit-with-embroidery-sits-windowsill-before-bright-window_8353-8275.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57338.jpg", imageAlt: "Handsome young man in white suit with embroidery sits on a windowsill before bright window"
},
{
title: "Custom Settings", description: "Request your preferred table or ambient lighting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg", imageAlt: "Handsome young man in white suit with embroidery sits on a windowsill before bright window"
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);