Merge version_1 into main #3
@@ -1,12 +1,18 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function AdminGalleryPage() {
|
||||
const GalleryPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reservation" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -14,181 +20,51 @@ export default function AdminGalleryPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reserve", id: "reservation" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-section" data-section="gallery-section">
|
||||
<ProductCardOne
|
||||
title="Restaurant Gallery"
|
||||
description="Explore our stunning dining spaces, culinary creations, and premium dining experience showcased through our gallery."
|
||||
tag="Photo Collection"
|
||||
tagAnimation="blur-reveal"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gallery-1",
|
||||
name: "Elegant Dining Room",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=14",
|
||||
imageAlt: "Restaurant interior design elegant",
|
||||
},
|
||||
{
|
||||
id: "gallery-2",
|
||||
name: "Professional Kitchen",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727989.jpg?_wi=3",
|
||||
imageAlt: "Restaurant kitchen professional equipment",
|
||||
},
|
||||
{
|
||||
id: "gallery-3",
|
||||
name: "Wine Bar Lounge",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-elegant-wine-sommelier-is-ready-try-new-red-wine-artisan-wine-boutique_613910-3106.jpg?_wi=4",
|
||||
imageAlt: "Restaurant bar lounge wine selection",
|
||||
},
|
||||
{
|
||||
id: "gallery-4",
|
||||
name: "Outdoor Patio",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-with-floral-compositions-wedding-celebration-table-with-brown-chiavari-chairs-guests-seats-outdoors-gardens_8353-10889.jpg?_wi=3",
|
||||
imageAlt: "Restaurant outdoor patio seating",
|
||||
},
|
||||
{
|
||||
id: "gallery-5",
|
||||
name: "Private Dining Space",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg?_wi=3",
|
||||
imageAlt: "Restaurant private dining room elegant",
|
||||
},
|
||||
{
|
||||
id: "gallery-6",
|
||||
name: "Wine Cellar Collection",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-beer-factory_23-2150573909.jpg?_wi=3",
|
||||
imageAlt: "Restaurant wine cellar storage",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact for Events",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
text="Interested in hosting your special event or private dining experience? Contact our team to discover the perfect setting for your occasion."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Tour",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Book an Event",
|
||||
href: "/reservation",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=15"
|
||||
imageAlt="Restaurant ambiance footer"
|
||||
logoText="Savoria"
|
||||
copyrightText="© 2025 Savoria Fine Dining. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Make Reservation",
|
||||
href: "/reservation",
|
||||
},
|
||||
{
|
||||
label: "Special Offers",
|
||||
href: "#special-offers",
|
||||
},
|
||||
{
|
||||
label: "Gift Cards",
|
||||
href: "/gift-cards",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "/press",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "/newsletter",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
{/* Gallery Content */}
|
||||
<div id="gallery" data-section="gallery" className="py-20 px-10">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-8">Gallery</h1>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="aspect-square bg-gray-200 rounded-lg overflow-hidden">
|
||||
<img
|
||||
src="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg"
|
||||
alt="Restaurant interior"
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div className="aspect-square bg-gray-200 rounded-lg overflow-hidden">
|
||||
<img
|
||||
src="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727989.jpg"
|
||||
alt="Chef at work"
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div className="aspect-square bg-gray-200 rounded-lg overflow-hidden">
|
||||
<img
|
||||
src="http://img.b2bpic.net/free-photo/pensive-elegant-wine-sommelier-is-ready-try-new-red-wine-artisan-wine-boutique_613910-3106.jpg"
|
||||
alt="Wine selection"
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default GalleryPage;
|
||||
@@ -1,13 +1,18 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Sparkles, Clock } from "lucide-react";
|
||||
|
||||
export default function AdminOffersPage() {
|
||||
const OffersPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reservation" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -15,186 +20,29 @@ export default function AdminOffersPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reserve", id: "reservation" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="special-offers" data-section="special-offers">
|
||||
<PricingCardThree
|
||||
title="Exclusive Dining Experiences"
|
||||
description="Curated packages and special offers to elevate your dining moments."
|
||||
tag="Limited Time Offers"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "happy-hour",
|
||||
badge: "Daily Special",
|
||||
badgeIcon: Clock,
|
||||
price: "$12-18",
|
||||
name: "Happy Hour Special",
|
||||
buttons: [
|
||||
{
|
||||
text: "Claim Offer",
|
||||
href: "/order",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"50% off selected appetizers",
|
||||
"Featured wine and cocktail discounts",
|
||||
"4-6 PM daily service",
|
||||
"Dine-in or takeaway",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "wine-dinner",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$125",
|
||||
name: "Wine Pairing Dinner",
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "/reservation",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5-course tasting menu",
|
||||
"Premium wine pairings",
|
||||
"Sommelier presentation",
|
||||
"Advance reservation required",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "trio-combo",
|
||||
price: "$89",
|
||||
name: "Culinary Trio Experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Today",
|
||||
href: "/order",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Appetizer course selection",
|
||||
"Choice of main entrée",
|
||||
"Signature dessert",
|
||||
"Complimentary beverage",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
text="Ready to experience culinary excellence? Reserve your table today or reach out with any questions. Our team is here to make your visit unforgettable."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "/reservation",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=13"
|
||||
imageAlt="Restaurant ambiance footer"
|
||||
logoText="Savoria"
|
||||
copyrightText="© 2025 Savoria Fine Dining. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Make Reservation",
|
||||
href: "/reservation",
|
||||
},
|
||||
{
|
||||
label: "Special Offers",
|
||||
href: "#special-offers",
|
||||
},
|
||||
{
|
||||
label: "Gift Cards",
|
||||
href: "/gift-cards",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "/press",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "/newsletter",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
{/* Offers Content */}
|
||||
<div id="offers" data-section="offers" className="py-20 px-10">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-8">Special Offers</h1>
|
||||
<p className="text-lg mb-12">Check out our exclusive dining packages and special promotions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default OffersPage;
|
||||
@@ -2,11 +2,9 @@
|
||||
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function CheckoutPage() {
|
||||
const CheckoutPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
@@ -15,36 +13,6 @@ export default function CheckoutPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Make Reservation", href: "/reservation" },
|
||||
{ label: "Special Offers", href: "#special-offers" },
|
||||
{ label: "Gift Cards", href: "/gift-cards" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/team" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Newsletter", href: "/newsletter" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -52,122 +20,29 @@ export default function CheckoutPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Savoria" navItems={navItems} />
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="checkout-hero" data-section="checkout-hero" className="mx-auto px-4 md:px-6 py-20">
|
||||
<div className="max-w-2xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-semibold text-foreground mb-6">Checkout</h1>
|
||||
<p className="text-lg text-foreground/70 mb-12">
|
||||
Complete your order and secure your dining reservation.
|
||||
</p>
|
||||
|
||||
<div className="bg-card border border-primary-cta/10 rounded-lg p-8 mb-8">
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-6">Order Summary</h2>
|
||||
|
||||
<div className="space-y-4 mb-8 pb-8 border-b border-foreground/10">
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-foreground/70">Pan-Seared Foie Gras × 1</span>
|
||||
<span className="font-semibold text-foreground">$68.00</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-foreground/70">Atlantic Salmon Supreme × 1</span>
|
||||
<span className="font-semibold text-foreground">$52.00</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-foreground/70">Chocolate Symphony × 2</span>
|
||||
<span className="font-semibold text-foreground">$48.00</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-3 mb-8">
|
||||
<div className="flex justify-between items-center text-foreground/70">
|
||||
<span>Subtotal</span>
|
||||
<span>$168.00</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center text-foreground/70">
|
||||
<span>Tax (10%)</span>
|
||||
<span>$16.80</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center text-foreground/70">
|
||||
<span>Delivery Fee</span>
|
||||
<span>$12.00</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="border-t border-foreground/10 pt-4 mb-8">
|
||||
<div className="flex justify-between items-center text-xl font-semibold text-primary-cta">
|
||||
<span>Total</span>
|
||||
<span>$196.80</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Delivery Address</label>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Enter your address"
|
||||
className="w-full px-4 py-2 border border-foreground/20 rounded-lg bg-background text-foreground placeholder-foreground/50 focus:outline-none focus:border-primary-cta"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-foreground mb-2">Special Instructions</label>
|
||||
<textarea
|
||||
placeholder="Any dietary restrictions or preferences?"
|
||||
rows={3}
|
||||
className="w-full px-4 py-2 border border-foreground/20 rounded-lg bg-background text-foreground placeholder-foreground/50 focus:outline-none focus:border-primary-cta"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<Link
|
||||
href="/"
|
||||
className="flex-1 px-6 py-3 border border-primary-cta text-primary-cta rounded-lg font-medium hover:bg-primary-cta/5 transition-colors"
|
||||
>
|
||||
Continue Shopping
|
||||
</Link>
|
||||
<Link
|
||||
href="/order/success"
|
||||
className="flex-1 px-6 py-3 bg-primary-cta text-primary-cta-text rounded-lg font-medium hover:bg-primary-cta/90 transition-colors"
|
||||
>
|
||||
Complete Order
|
||||
</Link>
|
||||
</div>
|
||||
{/* Checkout Content */}
|
||||
<div id="checkout" data-section="checkout" className="py-20 px-10">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-8">Checkout</h1>
|
||||
<p className="text-lg mb-12">Complete your order securely.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Questions about your order? Our team is here to help ensure everything is perfect for your dining experience."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "/contact" },
|
||||
{ text: "Track Order", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=6"
|
||||
imageAlt="Restaurant ambiance footer"
|
||||
logoText="Savoria"
|
||||
copyrightText="© 2025 Savoria Fine Dining. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default CheckoutPage;
|
||||
@@ -1,48 +1,17 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function ContactPage() {
|
||||
const ContactPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reserve", id: "reservation" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Make Reservation", href: "/reservation" },
|
||||
{ label: "Special Offers", href: "#special-offers" },
|
||||
{ label: "Gift Cards", href: "/gift-cards" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/team" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Newsletter", href: "/newsletter" },
|
||||
],
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reservation" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -52,82 +21,49 @@ export default function ContactPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Savoria" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="contact-primary" data-section="contact-primary">
|
||||
<ContactText
|
||||
text="Get in touch with Savoria. Whether you have questions about our menu, need assistance with reservations, or want to discuss special events, our team is here to help. Contact us today to plan your perfect dining experience."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call us",
|
||||
href: "tel:+1-555-123-4567",
|
||||
},
|
||||
{
|
||||
text: "Email us",
|
||||
href: "mailto:info@savoria.restaurant",
|
||||
},
|
||||
]}
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
{/* Contact Section 1 */}
|
||||
<div id="contact-1" data-section="contact-1">
|
||||
<ContactText
|
||||
text="Visit us at our restaurant location. Savoria is open Tuesday through Sunday, 5 PM to 11 PM. We welcome walk-ins and reservations. Our attentive staff looks forward to serving you an exceptional dining experience."
|
||||
animationType="entrance-slide"
|
||||
text="Get in touch with our team. We'd love to hear from you and help with any questions."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "/reservation",
|
||||
},
|
||||
{
|
||||
text: "View Hours",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Send Message", href: "#" },
|
||||
{ text: "Call Us", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
{/* Contact Section 2 */}
|
||||
<div id="contact-2" data-section="contact-2">
|
||||
<ContactText
|
||||
text="Ready to experience culinary excellence? Our team is excited to welcome you. Reserve your table, order online, or reach out with any special requests. We're here to make your visit unforgettable."
|
||||
animationType="reveal-blur"
|
||||
background={{ variant: "blurBottom" }}
|
||||
text="Visit us at our restaurant location or reserve a table for an unforgettable dining experience."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Back to Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{ text: "Make Reservation", href: "/reservation" },
|
||||
{ text: "View Location", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=10"
|
||||
imageAlt="Restaurant ambiance footer"
|
||||
logoText="Savoria"
|
||||
copyrightText="© 2025 Savoria Fine Dining. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default ContactPage;
|
||||
@@ -2,12 +2,9 @@
|
||||
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { CheckCircle2 } from "lucide-react";
|
||||
|
||||
export default function OrderSuccessPage() {
|
||||
const OrderSuccessPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
@@ -16,36 +13,6 @@ export default function OrderSuccessPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Make Reservation", href: "/reservation" },
|
||||
{ label: "Special Offers", href: "#special-offers" },
|
||||
{ label: "Gift Cards", href: "/gift-cards" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/team" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Newsletter", href: "/newsletter" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -53,122 +20,29 @@ export default function OrderSuccessPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Savoria" navItems={navItems} />
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order-success-hero" data-section="order-success-hero" className="mx-auto px-4 md:px-6 py-20 min-h-screen flex items-center">
|
||||
<div className="max-w-2xl mx-auto w-full text-center">
|
||||
<div className="mb-8 flex justify-center">
|
||||
<div className="relative">
|
||||
<div className="absolute inset-0 bg-primary-cta/20 rounded-full blur-xl"></div>
|
||||
<CheckCircle2 className="w-24 h-24 text-primary-cta relative" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 className="text-5xl md:text-6xl font-semibold text-foreground mb-4">Order Confirmed!</h1>
|
||||
<p className="text-xl text-foreground/70 mb-12">
|
||||
Thank you for your order. We're preparing your culinary delights.
|
||||
</p>
|
||||
|
||||
<div className="bg-card border border-primary-cta/10 rounded-lg p-10 mb-12">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div>
|
||||
<p className="text-sm text-foreground/60 mb-2">Order Number</p>
|
||||
<p className="text-2xl font-semibold text-primary-cta">#SV-2024-789</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-foreground/60 mb-2">Estimated Delivery</p>
|
||||
<p className="text-2xl font-semibold text-foreground">35-45 minutes</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-foreground/60 mb-2">Total Amount</p>
|
||||
<p className="text-2xl font-semibold text-foreground">$196.80</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-10 pt-10 border-t border-foreground/10">
|
||||
<h3 className="text-lg font-semibold text-foreground mb-6">Order Details</h3>
|
||||
<div className="space-y-4 text-left">
|
||||
<div className="flex justify-between items-start">
|
||||
<div>
|
||||
<p className="font-medium text-foreground">Pan-Seared Foie Gras</p>
|
||||
<p className="text-sm text-foreground/60">Qty: 1</p>
|
||||
</div>
|
||||
<p className="font-semibold text-foreground">$68.00</p>
|
||||
</div>
|
||||
<div className="flex justify-between items-start">
|
||||
<div>
|
||||
<p className="font-medium text-foreground">Atlantic Salmon Supreme</p>
|
||||
<p className="text-sm text-foreground/60">Qty: 1</p>
|
||||
</div>
|
||||
<p className="font-semibold text-foreground">$52.00</p>
|
||||
</div>
|
||||
<div className="flex justify-between items-start">
|
||||
<div>
|
||||
<p className="font-medium text-foreground">Chocolate Symphony</p>
|
||||
<p className="text-sm text-foreground/60">Qty: 2</p>
|
||||
</div>
|
||||
<p className="font-semibold text-foreground">$48.00</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-background-accent/20 border border-background-accent/30 rounded-lg p-6 mb-12">
|
||||
<p className="text-foreground mb-3">
|
||||
<span className="font-semibold">Delivery to:</span> 123 Culinary Street, Downtown, City
|
||||
</p>
|
||||
<p className="text-foreground/70">
|
||||
A confirmation email has been sent to your registered email address with full order details and tracking information.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<Link
|
||||
href="/"
|
||||
className="px-8 py-3 border border-primary-cta text-primary-cta rounded-lg font-medium hover:bg-primary-cta/5 transition-colors"
|
||||
>
|
||||
Back to Home
|
||||
</Link>
|
||||
<Link
|
||||
href="/menu"
|
||||
className="px-8 py-3 bg-primary-cta text-primary-cta-text rounded-lg font-medium hover:bg-primary-cta/90 transition-colors"
|
||||
>
|
||||
Continue Dining
|
||||
</Link>
|
||||
</div>
|
||||
{/* Order Success Content */}
|
||||
<div id="order-success" data-section="order-success" className="py-20 px-10">
|
||||
<div className="max-w-3xl mx-auto text-center">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-8">Order Confirmed!</h1>
|
||||
<p className="text-lg mb-12">Thank you for your order. We'll prepare your delicious meal with care.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Need assistance tracking your order or have special requests? Our concierge team is ready to help."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Track Order", href: "#" },
|
||||
{ text: "Contact Support", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=7"
|
||||
imageAlt="Restaurant ambiance footer"
|
||||
logoText="Savoria"
|
||||
copyrightText="© 2025 Savoria Fine Dining. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default OrderSuccessPage;
|
||||
@@ -30,7 +30,7 @@ const HomePage = () => {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -57,14 +57,16 @@ const HomePage = () => {
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "blurBottom" }}
|
||||
background={{ variant: "plain" }}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Rodriguez", handle: "Food Critic, Culinary Times", testimonial: "An absolute masterpiece of gastronomy. Every dish tells a story of passion and excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg", imageAlt: "Elena Rodriguez portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg", imageAlt: "Elena Rodriguez portrait"
|
||||
},
|
||||
{
|
||||
name: "Marcus Thompson", handle: "Michelin Guide Inspector", testimonial: "This establishment redefines fine dining with its innovative approach and uncompromising quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-cheerful_114579-14179.jpg", imageAlt: "Marcus Thompson portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-cheerful_114579-14179.jpg", imageAlt: "Marcus Thompson portrait"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "/reservation" },
|
||||
@@ -88,13 +90,17 @@ const HomePage = () => {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Pan-Seared Foie Gras", price: "$68", imageSrc: "http://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg", imageAlt: "Gourmet foie gras preparation"},
|
||||
id: "1", name: "Pan-Seared Foie Gras", price: "$68", imageSrc: "http://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg", imageAlt: "Gourmet foie gras preparation"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Atlantic Salmon Supreme", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-steak-with-broccoli_181624-32092.jpg", imageAlt: "Grilled Atlantic salmon fillet"},
|
||||
id: "2", name: "Atlantic Salmon Supreme", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-steak-with-broccoli_181624-32092.jpg", imageAlt: "Grilled Atlantic salmon fillet"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Chocolate Symphony", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg", imageAlt: "Elegant chocolate dessert"},
|
||||
id: "3", name: "Chocolate Symphony", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg", imageAlt: "Elegant chocolate dessert"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Wagyu Ribeye Perfection", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-asparagus-rosemary-dark-plate_84443-72385.jpg", imageAlt: "Premium wagyu beef steak"},
|
||||
id: "4", name: "Wagyu Ribeye Perfection", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-asparagus-rosemary-dark-plate_84443-72385.jpg", imageAlt: "Premium wagyu beef steak"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Full Menu", href: "/menu" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
@@ -129,23 +135,29 @@ const HomePage = () => {
|
||||
{
|
||||
id: 1,
|
||||
title: "Italian Classics", description: "Authentic pasta dishes and risottos prepared with imported ingredients and traditional techniques.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/border-utensils-pasta-with-garlic_23-2147849769.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/border-utensils-pasta-with-garlic_23-2147849769.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/border-utensils-pasta-with-garlic_23-2147849769.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/border-utensils-pasta-with-garlic_23-2147849769.jpg"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Seafood Delights", description: "Sustainable, fresh-caught selections featuring daily specials and time-honored preparations.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-beans-dushbara-spoon-pepper-salt-board-blue-table_114579-90342.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-beans-dushbara-spoon-pepper-salt-board-blue-table_114579-90342.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-beans-dushbara-spoon-pepper-salt-board-blue-table_114579-90342.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-beans-dushbara-spoon-pepper-salt-board-blue-table_114579-90342.jpg"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Prime Selections", description: "Hand-cut premium meats, dry-aged perfection, and contemporary protein preparations.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-medium-cooked-steak-served-with-tomato-mushroom-zucchini_141793-2460.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-medium-cooked-steak-served-with-tomato-mushroom-zucchini_141793-2460.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-medium-cooked-steak-served-with-tomato-mushroom-zucchini_141793-2460.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-medium-cooked-steak-served-with-tomato-mushroom-zucchini_141793-2460.jpg"
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -162,17 +174,23 @@ const HomePage = () => {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson, Event Planner", date: "Date: 15 November 2024", title: "The Perfect Venue for Our Corporate Gala", quote: "Savoria exceeded all expectations for our annual gala. The ambiance, service, and cuisine were absolutely flawless. Our guests are still talking about it weeks later.", tag: "Special Event", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg"},
|
||||
id: "1", name: "Sarah Johnson, Event Planner", date: "Date: 15 November 2024", title: "The Perfect Venue for Our Corporate Gala", quote: "Savoria exceeded all expectations for our annual gala. The ambiance, service, and cuisine were absolutely flawless. Our guests are still talking about it weeks later.", tag: "Special Event", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen, Business Executive", date: "Date: 10 November 2024", title: "Exceptional Cuisine and Impeccable Service", quote: "I've dined at restaurants across the world, and Savoria ranks among the finest. The attention to detail in every aspect is remarkable. Highly recommended for important business dinners.", tag: "Business Dining", avatarSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-cheerful_114579-14179.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727989.jpg"},
|
||||
id: "2", name: "Michael Chen, Business Executive", date: "Date: 10 November 2024", title: "Exceptional Cuisine and Impeccable Service", quote: "I've dined at restaurants across the world, and Savoria ranks among the finest. The attention to detail in every aspect is remarkable. Highly recommended for important business dinners.", tag: "Business Dining", avatarSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-cheerful_114579-14179.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727989.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Williams, Travel Blogger", date: "Date: 5 November 2024", title: "A Culinary Destination", quote: "Savoria is a must-visit destination for food enthusiasts. The chef's creations are innovative yet respectful of tradition. Every course was a delightful surprise.", tag: "Travel Recommendation", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pensive-elegant-wine-sommelier-is-ready-try-new-red-wine-artisan-wine-boutique_613910-3106.jpg"},
|
||||
id: "3", name: "Emma Williams, Travel Blogger", date: "Date: 5 November 2024", title: "A Culinary Destination", quote: "Savoria is a must-visit destination for food enthusiasts. The chef's creations are innovative yet respectful of tradition. Every course was a delightful surprise.", tag: "Travel Recommendation", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pensive-elegant-wine-sommelier-is-ready-try-new-red-wine-artisan-wine-boutique_613910-3106.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Rodriguez, Sommelier", date: "Date: 1 November 2024", title: "Wine Pairing Excellence", quote: "Their wine selection is superb, and the sommelier's pairings were perfectly executed. The cellar showcases an impressive collection of both classics and hidden gems.", tag: "Wine Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageSrc: "http://img.b2bpic.net/free-photo/decorated-with-floral-compositions-wedding-celebration-table-with-brown-chiavari-chairs-guests-seats-outdoors-gardens_8353-10889.jpg"},
|
||||
id: "4", name: "James Rodriguez, Sommelier", date: "Date: 1 November 2024", title: "Wine Pairing Excellence", quote: "Their wine selection is superb, and the sommelier's pairings were perfectly executed. The cellar showcases an impressive collection of both classics and hidden gems.", tag: "Wine Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageSrc: "http://img.b2bpic.net/free-photo/decorated-with-floral-compositions-wedding-celebration-table-with-brown-chiavari-chairs-guests-seats-outdoors-gardens_8353-10889.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Catherine Martinez, Anniversary Celebrant", date: "Date: 28 October 2024", title: "A Night to Remember", quote: "We celebrated our 25th anniversary at Savoria. The staff remembered every detail of our reservation and made the evening truly special. We'll be back!", tag: "Special Occasions", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"},
|
||||
id: "5", name: "Catherine Martinez, Anniversary Celebrant", date: "Date: 28 October 2024", title: "A Night to Remember", quote: "We celebrated our 25th anniversary at Savoria. The staff remembered every detail of our reservation and made the evening truly special. We'll be back!", tag: "Special Occasions", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Thompson, Culinary Student", date: "Date: 22 October 2024", title: "Inspiration for My Career", quote: "As an aspiring chef, dining at Savoria was a revelation. The plating, flavor composition, and execution showcase what's possible in the culinary arts. Truly inspirational.", tag: "Student Perspective", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-beer-factory_23-2150573909.jpg"},
|
||||
id: "6", name: "David Thompson, Culinary Student", date: "Date: 22 October 2024", title: "Inspiration for My Career", quote: "As an aspiring chef, dining at Savoria was a revelation. The plating, flavor composition, and execution showcase what's possible in the culinary arts. Truly inspirational.", tag: "Student Perspective", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-beer-factory_23-2150573909.jpg"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read All Reviews", href: "/reviews" }]}
|
||||
/>
|
||||
@@ -193,18 +211,21 @@ const HomePage = () => {
|
||||
id: "happy-hour", badge: "Daily Special", badgeIcon: Clock,
|
||||
price: "$12-18", name: "Happy Hour Special", buttons: [{ text: "Claim Offer", href: "/order" }],
|
||||
features: [
|
||||
"50% off selected appetizers", "Featured wine and cocktail discounts", "4-6 PM daily service", "Dine-in or takeaway"],
|
||||
"50% off selected appetizers", "Featured wine and cocktail discounts", "4-6 PM daily service", "Dine-in or takeaway"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "wine-dinner", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$125", name: "Wine Pairing Dinner", buttons: [{ text: "Reserve Now", href: "/reservation" }],
|
||||
features: [
|
||||
"5-course tasting menu", "Premium wine pairings", "Sommelier presentation", "Advance reservation required"],
|
||||
"5-course tasting menu", "Premium wine pairings", "Sommelier presentation", "Advance reservation required"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "trio-combo", price: "$89", name: "Culinary Trio Experience", buttons: [{ text: "Order Today", href: "/order" }],
|
||||
features: [
|
||||
"Appetizer course selection", "Choice of main entrée", "Signature dessert", "Complimentary beverage"],
|
||||
"Appetizer course selection", "Choice of main entrée", "Signature dessert", "Complimentary beverage"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -220,7 +241,8 @@ const HomePage = () => {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Michelin Guide", "Culinary Times", "Fine Dining Review", "Gastronomy Awards", "Restaurant Excellence", "Cuisine Magazine", "Chef's Recognition", "Premium Dining Select"]}
|
||||
"Michelin Guide", "Culinary Times", "Fine Dining Review", "Gastronomy Awards", "Restaurant Excellence", "Cuisine Magazine", "Chef's Recognition", "Premium Dining Select"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[{ text: "See Our Awards", href: "#" }]}
|
||||
@@ -232,7 +254,7 @@ const HomePage = () => {
|
||||
<ContactText
|
||||
text="Ready to experience culinary excellence? Reserve your table today or reach out with any questions. Our team is here to make your visit unforgettable."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Make a Reservation", href: "/reservation" },
|
||||
|
||||
@@ -1,28 +1,17 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function ReservationPage() {
|
||||
const [formData, setFormData] = useState({
|
||||
name: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
date: "",
|
||||
time: "",
|
||||
guests: "2",
|
||||
specialRequests: "",
|
||||
});
|
||||
|
||||
const handleSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log("Reservation submitted:", formData);
|
||||
alert("Thank you for your reservation! We look forward to welcoming you.");
|
||||
};
|
||||
const ReservationPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reservation" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -31,273 +20,29 @@ export default function ReservationPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reservation" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation-hero" data-section="reservation-hero" className="py-20">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-4xl">
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-4xl md:text-5xl font-semibold mb-4">Make a Reservation</h1>
|
||||
<p className="text-lg text-foreground/70">
|
||||
Reserve your table at Savoria and experience an evening of culinary excellence.
|
||||
</p>
|
||||
</div>
|
||||
{/* Reservation Content */}
|
||||
<div id="reservation" data-section="reservation" className="py-20 px-10">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-8">Make a Reservation</h1>
|
||||
<p className="text-lg mb-12">Book your table at Savoria for an unforgettable dining experience.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="reservation-form" data-section="reservation-form" className="py-20">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-2xl">
|
||||
<div className="bg-card rounded-2xl p-8 md:p-12 border border-card/20 shadow-lg">
|
||||
<form onSubmit={handleSubmit} className="space-y-6">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Full Name *</label>
|
||||
<input
|
||||
type="text"
|
||||
required
|
||||
value={formData.name}
|
||||
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta"
|
||||
placeholder="Your name"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Email *</label>
|
||||
<input
|
||||
type="email"
|
||||
required
|
||||
value={formData.email}
|
||||
onChange={(e) => setFormData({ ...formData, email: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta"
|
||||
placeholder="your@email.com"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Phone *</label>
|
||||
<input
|
||||
type="tel"
|
||||
required
|
||||
value={formData.phone}
|
||||
onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta"
|
||||
placeholder="+1 (555) 123-4567"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Number of Guests *</label>
|
||||
<select
|
||||
required
|
||||
value={formData.guests}
|
||||
onChange={(e) => setFormData({ ...formData, guests: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta"
|
||||
>
|
||||
{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((num) => (
|
||||
<option key={num} value={num}>
|
||||
{num} {num === 1 ? "Guest" : "Guests"}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Preferred Date *</label>
|
||||
<input
|
||||
type="date"
|
||||
required
|
||||
value={formData.date}
|
||||
onChange={(e) => setFormData({ ...formData, date: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Preferred Time *</label>
|
||||
<input
|
||||
type="time"
|
||||
required
|
||||
value={formData.time}
|
||||
onChange={(e) => setFormData({ ...formData, time: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Special Requests</label>
|
||||
<textarea
|
||||
value={formData.specialRequests}
|
||||
onChange={(e) => setFormData({ ...formData, specialRequests: e.target.value })}
|
||||
className="w-full px-4 py-2 rounded-lg border border-foreground/10 focus:outline-none focus:border-primary-cta resize-none"
|
||||
rows={4}
|
||||
placeholder="Any dietary restrictions, celebration notes, or seating preferences?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 pt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="flex-1 bg-primary-cta text-primary-cta-text px-6 py-3 rounded-lg font-medium hover:opacity-90 transition"
|
||||
>
|
||||
Confirm Reservation
|
||||
</button>
|
||||
<Link
|
||||
href="/"
|
||||
className="flex-1 border border-foreground/20 text-foreground px-6 py-3 rounded-lg font-medium hover:bg-foreground/5 transition text-center"
|
||||
>
|
||||
Cancel
|
||||
</Link>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="reservation-info" data-section="reservation-info">
|
||||
<TextAbout
|
||||
tag="Reservation Information"
|
||||
title="We look forward to welcoming you to Savoria. For questions about reservations, please don't hesitate to reach out."
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+1-555-123-4567",
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:reservations@savoria.restaurant",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
text="Can't find your preferred date or time? Contact our reservations team directly for personalized assistance."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<footer className="bg-card border-t border-card/20 py-12">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-7xl">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg mb-4">Dining</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/menu" className="text-foreground/70 hover:text-foreground transition">
|
||||
Menu
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/reservation" className="text-foreground/70 hover:text-foreground transition">
|
||||
Make Reservation
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#special-offers" className="text-foreground/70 hover:text-foreground transition">
|
||||
Special Offers
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/gift-cards" className="text-foreground/70 hover:text-foreground transition">
|
||||
Gift Cards
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg mb-4">Company</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/about" className="text-foreground/70 hover:text-foreground transition">
|
||||
About Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/team" className="text-foreground/70 hover:text-foreground transition">
|
||||
Our Team
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/careers" className="text-foreground/70 hover:text-foreground transition">
|
||||
Careers
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/press" className="text-foreground/70 hover:text-foreground transition">
|
||||
Press
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg mb-4">Connect</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/contact" className="text-foreground/70 hover:text-foreground transition">
|
||||
Contact
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer" className="text-foreground/70 hover:text-foreground transition">
|
||||
Instagram
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer" className="text-foreground/70 hover:text-foreground transition">
|
||||
Facebook
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/newsletter" className="text-foreground/70 hover:text-foreground transition">
|
||||
Newsletter
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t border-card/20 pt-8 flex flex-col md:flex-row justify-between items-center">
|
||||
<p className="text-foreground/60 text-sm">© 2025 Savoria Fine Dining. All rights reserved.</p>
|
||||
<button className="text-foreground/60 text-sm hover:text-foreground transition">
|
||||
Privacy Policy
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default ReservationPage;
|
||||
@@ -1,49 +1,16 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function ReviewsPage() {
|
||||
const ReviewsPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reserve", id: "reservation" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Make Reservation", href: "/reservation" },
|
||||
{ label: "Special Offers", href: "#special-offers" },
|
||||
{ label: "Gift Cards", href: "/gift-cards" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/team" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Newsletter", href: "/newsletter" },
|
||||
],
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reserve", id: "/reservation" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -53,135 +20,29 @@ export default function ReviewsPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Savoria" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson, Event Planner",
|
||||
date: "Date: 15 November 2024",
|
||||
title: "The Perfect Venue for Our Corporate Gala",
|
||||
quote: "Savoria exceeded all expectations for our annual gala. The ambiance, service, and cuisine were absolutely flawless. Our guests are still talking about it weeks later.",
|
||||
tag: "Special Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg",
|
||||
avatarAlt: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=8",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen, Business Executive",
|
||||
date: "Date: 10 November 2024",
|
||||
title: "Exceptional Cuisine and Impeccable Service",
|
||||
quote: "I've dined at restaurants across the world, and Savoria ranks among the finest. The attention to detail in every aspect is remarkable. Highly recommended for important business dinners.",
|
||||
tag: "Business Dining",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-looks-cheerful_114579-14179.jpg",
|
||||
avatarAlt: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727989.jpg?_wi=2",
|
||||
imageAlt: "Chef at work",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Williams, Travel Blogger",
|
||||
date: "Date: 5 November 2024",
|
||||
title: "A Culinary Destination",
|
||||
quote: "Savoria is a must-visit destination for food enthusiasts. The chef's creations are innovative yet respectful of tradition. Every course was a delightful surprise.",
|
||||
tag: "Travel Recommendation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
avatarAlt: "Emma Williams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-elegant-wine-sommelier-is-ready-try-new-red-wine-artisan-wine-boutique_613910-3106.jpg?_wi=3",
|
||||
imageAlt: "Wine selection",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Rodriguez, Sommelier",
|
||||
date: "Date: 1 November 2024",
|
||||
title: "Wine Pairing Excellence",
|
||||
quote: "Their wine selection is superb, and the sommelier's pairings were perfectly executed. The cellar showcases an impressive collection of both classics and hidden gems.",
|
||||
tag: "Wine Enthusiast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
||||
avatarAlt: "James Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-with-floral-compositions-wedding-celebration-table-with-brown-chiavari-chairs-guests-seats-outdoors-gardens_8353-10889.jpg?_wi=2",
|
||||
imageAlt: "Outdoor dining",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Catherine Martinez, Anniversary Celebrant",
|
||||
date: "Date: 28 October 2024",
|
||||
title: "A Night to Remember",
|
||||
quote: "We celebrated our 25th anniversary at Savoria. The staff remembered every detail of our reservation and made the evening truly special. We'll be back!",
|
||||
tag: "Special Occasions",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg",
|
||||
avatarAlt: "Catherine Martinez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg?_wi=2",
|
||||
imageAlt: "Private dining",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Thompson, Culinary Student",
|
||||
date: "Date: 22 October 2024",
|
||||
title: "Inspiration for My Career",
|
||||
quote: "As an aspiring chef, dining at Savoria was a revelation. The plating, flavor composition, and execution showcase what's possible in the culinary arts. Truly inspirational.",
|
||||
tag: "Student Perspective",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
avatarAlt: "David Thompson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-working-beer-factory_23-2150573909.jpg?_wi=2",
|
||||
imageAlt: "Wine cellar",
|
||||
},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear from our valued guests about their unforgettable dining experiences."
|
||||
tag="Testimonials"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Back to Home",
|
||||
href: "/",
|
||||
},
|
||||
]}
|
||||
<NavbarStyleApple
|
||||
brandName="Savoria"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
text="Impressed by our guest reviews? Experience the excellence yourself. Reserve your table today or reach out with any questions about your dining experience."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "blurBottom" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "/reservation",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=9"
|
||||
imageAlt="Restaurant ambiance footer"
|
||||
logoText="Savoria"
|
||||
copyrightText="© 2025 Savoria Fine Dining. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
{/* Reviews Content */}
|
||||
<div id="reviews" data-section="reviews" className="py-20 px-10">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-8">Guest Reviews</h1>
|
||||
<p className="text-lg mb-12">Read what our guests have to say about their dining experience at Savoria.</p>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default ReviewsPage;
|
||||
Reference in New Issue
Block a user