Merge version_2 into main #3
1433
src/app/layout.tsx
1433
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -16,7 +16,8 @@ export default function HomePage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" }
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Services", id: "/services" }
|
||||
];
|
||||
|
||||
const navigationLinks = navItems.map(item => (
|
||||
|
||||
161
src/app/services/page.tsx
Normal file
161
src/app/services/page.tsx
Normal file
@@ -0,0 +1,161 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Utensils, Users, Gift, Music, Instagram, Facebook, Phone } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Services", id: "/services" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="The Great Debate"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Reserve Your Table", href: "/reservations"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Our Premium Services"
|
||||
description="From intimate dinners to grand celebrations, discover the exceptional services we offer to make your event unforgettable."
|
||||
tag="Dining Experiences"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg"
|
||||
imageAlt="Fine dining service at The Great Debate"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table", href: "/reservations"
|
||||
},
|
||||
{
|
||||
text: "View Menu", href: "/menu"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<MetricCardOne
|
||||
title="Exceptional Dining Services"
|
||||
description="Explore the range of premium experiences we provide for every occasion"
|
||||
tag="What We Offer"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "Fine Dining", title: "Premium Experience", description: "Gourmet cuisine in an elegant atmosphere", icon: Utensils
|
||||
},
|
||||
{
|
||||
id: "2", value: "Private Events", title: "Special Occasions", description: "Weddings, birthdays, and celebrations", icon: Gift
|
||||
},
|
||||
{
|
||||
id: "3", value: "Group Dining", title: "Large Parties", description: "Catered experiences for gatherings", icon: Users
|
||||
},
|
||||
{
|
||||
id: "4", value: "Live Entertainment", title: "Vibrant Ambiance", description: "Music and entertainment selections", icon: Music
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-packages" data-section="service-packages">
|
||||
<ProductCardFour
|
||||
title="Service Packages"
|
||||
description="Tailored dining experiences designed for your unique celebration"
|
||||
tag="Customizable Options"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Romantic Dinner for Two", price: "$150", variant: "Per person • Includes wine pairing", imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-95997.jpg", imageAlt: "Romantic dinner setup"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Corporate Catering", price: "$85", variant: "Per person • Minimum 15 guests", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg", imageAlt: "Corporate catering service"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Wedding Reception", price: "Custom", variant: "Fully customizable menu", imageSrc: "http://img.b2bpic.net/free-photo/top-view-liver-pate-with-onion-bread_141793-4065.jpg", imageAlt: "Wedding celebration"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Private Dining Experience", price: "$200+", variant: "Per person • Chef's special menu", imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-nougat-sliced-with-nuts-fresh-red-strawberries-white-surface-sweet-dessert-nougat-nut-cake-biscuit_140725-53318.jpg", imageAlt: "Private dining experience"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire About Services", href: "/contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta-section" data-section="cta-section">
|
||||
<ContactText
|
||||
text="Ready to plan your perfect dining experience? Let us create something extraordinary for you."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now", href: "/reservations"
|
||||
},
|
||||
{
|
||||
text: "Contact Us", href: "tel:+18152324408"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Great Debate"
|
||||
copyrightText="© 2025 The Great Debate. All rights reserved. | 1 E Spring St, Freeport, IL 61032"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+18152324408", ariaLabel: "Call us"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user