Merge version_1 into main #5
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user