Update src/app/reservations/page.tsx

This commit is contained in:
2026-05-19 11:46:48 +00:00
parent 8a2dffbf49
commit a56cd35e70

View File

@@ -3,20 +3,21 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { useState } from "react";
export default function ReservationsPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Reservations", id: "/reservations" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roof Bistro"
/>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Reservations", id: "/reservations" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roof Bistro"
/>
</div>
<main className="pt-32 pb-20 container mx-auto px-6 max-w-2xl">
<h1 className="text-4xl font-bold mb-8">Make a Reservation</h1>
<form className="space-y-6">
@@ -31,13 +32,15 @@ export default function ReservationsPage() {
<button type="submit" className="w-full py-3 bg-black text-white rounded">Submit Request</button>
</form>
</main>
<FooterBaseCard
logoText="Roof Bistro"
columns={[
{ title: "Location & Contact", items: [{ label: "📍 123 Sky High Ave, Downtown", href: "#" }, { label: "📞 +383 44 999 888", href: "tel:+38344999888" }] },
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Reservations", href: "/reservations" }, { label: "Contact", href: "/contact" }] }
]}
/>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Roof Bistro"
columns={[
{ title: "Location & Contact", items: [{ label: "📍 123 Sky High Ave, Downtown", href: "#" }, { label: "📞 +383 44 999 888", href: "tel:+38344999888" }] },
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Reservations", href: "/reservations" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ThemeProvider>
);
}