242 lines
17 KiB
TypeScript
242 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Utensils, ChefHat, Heart, Sparkles, Star, Quote, Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Reservations", id: "contact" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Al Zaiqa"
|
|
bottomLeftText="Open Daily"
|
|
bottomRightText="reservations@alzaiqa.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Authentic Flavors, Unforgettable Dining Experience"
|
|
description="Discover Al Zaiqa's signature dishes crafted with premium ingredients and traditional recipes. Reserve your table or order online today."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Premium Dining"
|
|
tagIcon={Utensils}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg?_wi=1"
|
|
imageAlt="Al Zaiqa Restaurant elegant dining ambiance"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "#contact" },
|
|
{ text: "View Menu", href: "#menu" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section with restaurant introduction and call-to-action buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
title="Celebrating Culinary Tradition and Innovation"
|
|
description="At Al Zaiqa, we honor time-tested recipes while embracing contemporary culinary techniques."
|
|
subdescription="Crafted with passion, served with pride since 2015"
|
|
icon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg?_wi=1"
|
|
imageAlt="Al Zaiqa dining experience and atmosphere"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Al Zaiqa Restaurant section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Signature Menu Highlights"
|
|
description="Explore our most celebrated dishes, each one a masterpiece of authentic flavors and premium presentation."
|
|
tag="Featured Dishes"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Herb-Crusted Prime Lamb", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg?_wi=1", imageAlt: "Herb-crusted prime lamb with seasonal vegetables"
|
|
},
|
|
{
|
|
id: "2", name: "Saffron-Infused Seafood Platter", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sitting-table_23-2150062658.jpg?_wi=1", imageAlt: "Saffron seafood platter with premium ingredients"
|
|
},
|
|
{
|
|
id: "3", name: "Rose Petal Dessert Delicacy", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/woman-pours-tea-into-armudu-glass_140725-8184.jpg?_wi=1", imageAlt: "Rose petal dessert with traditional garnish"
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
buttons={[{ text: "Full Menu", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Featured menu items section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardNineteen
|
|
title="The Al Zaiqa Experience"
|
|
description="From reservation to farewell, we craft every moment of your visit with meticulous care and warm hospitality."
|
|
tag="Our Commitment"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Welcoming", title: "Exceptional Service", subtitle: "Attentive and knowledgeable staff", description: "Our team provides personalized attention to every detail, ensuring your dining experience exceeds expectations from the moment you arrive.", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg?_wi=2", imageAlt: "Attentive restaurant staff providing service"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Premium", title: "Authentic Ingredients", subtitle: "Sourced with care and tradition", description: "We partner with trusted suppliers to source the finest ingredients, maintaining the integrity and authenticity of every dish we serve.", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg?_wi=2", imageAlt: "Premium ingredients and preparation"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Ambient", title: "Elegant Atmosphere", subtitle: "Designed for memorable moments", description: "Our thoughtfully designed dining spaces blend modern comfort with traditional warmth, creating the perfect setting for celebrations, business dinners, and intimate gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg?_wi=2", imageAlt: "Elegant restaurant ambiance and design"
|
|
},
|
|
]}
|
|
buttons={[{ text: "Book Your Visit", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Dining experience features section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Guests Say"
|
|
description="Hear from those who have experienced the Al Zaiqa difference"
|
|
tag="Guest Reviews"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "2", name: "Michael Chen, Restaurant Critic", date: "Date: 8 October 2024", title: "Authentic flavors that tell a story", quote: "The commitment to authentic recipes combined with premium ingredients is evident in every plate. This is fine dining at its finest—no pretension, just pure culinary excellence.", tag: "Professional Review", avatarSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", avatarAlt: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg?_wi=3", imageAlt: "Signature dish preparation"
|
|
},
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Marketing Director", date: "Date: 15 November 2024", title: "An absolute culinary masterpiece!", quote: "Al Zaiqa transformed our corporate event into an unforgettable evening. The food was exquisite, and the service was impeccable. We've already recommended it to all our colleagues and friends.", tag: "Business Event", avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", avatarAlt: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg?_wi=3", imageAlt: "Guest enjoying Al Zaiqa dining experience"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Family Celebration", date: "Date: 22 September 2024", title: "Perfect for special moments", quote: "We celebrated our anniversary at Al Zaiqa and couldn't have asked for a better experience. The ambiance, the food, and the staff made it truly special. We're already planning our next visit!", tag: "Special Occasion", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg?_wi=3", imageAlt: "Restaurant ambiance for celebrations"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, Frequent Diner", date: "Date: 15 August 2024", title: "Consistently exceptional", quote: "I've dined at Al Zaiqa multiple times, and the quality never wavers. Whether it's a casual dinner or a formal business meeting, they deliver excellence every single time.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background-spectacles_158538-21661.jpg", avatarAlt: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sitting-table_23-2150062658.jpg?_wi=2", imageAlt: "Premium seafood platter"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Thompson, Food Enthusiast", date: "Date: 3 July 2024", title: "Where tradition meets innovation", quote: "As someone who loves exploring different cuisines, Al Zaiqa impressed me with their perfect balance of honoring traditional recipes while adding contemporary touches. Absolutely worth every penny.", tag: "Food Lover", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg", avatarAlt: "Jessica Thompson", imageSrc: "http://img.b2bpic.net/free-photo/woman-pours-tea-into-armudu-glass_140725-8184.jpg?_wi=2", imageAlt: "Artistic dessert plating"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Anderson, Corporate Events Manager", date: "Date: 20 June 2024", title: "Our go-to venue for premium events", quote: "Al Zaiqa has become our preferred choice for client entertainment. The flexibility in menu options, impeccable presentation, and professional team make planning events effortless.", tag: "Corporate Partner", avatarSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", avatarAlt: "Robert Anderson", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg?_wi=4", imageAlt: "Fine dining environment"
|
|
},
|
|
]}
|
|
ariaLabel="Customer testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Make Your Reservation"
|
|
ctaDescription="Reserve your table today and experience the warmth of Al Zaiqa's hospitality."
|
|
ctaButton={{ text: "Reserve Now", href: "mailto:reservations@alzaiqa.com" }}
|
|
ctaIcon={Calendar}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your operating hours?", content: "Al Zaiqa is open Tuesday to Sunday, 11:30 AM - 11:00 PM. We're closed Mondays. Private events and special arrangements can be accommodated by prior arrangement."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer delivery and takeout?", content: "Yes, we offer both delivery and takeout options for selected menu items. Orders can be placed via phone or through our website. Delivery is available within a 5km radius."
|
|
},
|
|
{
|
|
id: "3", title: "Can you accommodate dietary restrictions?", content: "Absolutely. We can cater to vegetarian, vegan, gluten-free, and other dietary requirements. Please inform us when making your reservation or ordering, and our chefs will prepare suitable options."
|
|
},
|
|
{
|
|
id: "4", title: "What is your reservation policy?", content: "Reservations are recommended, especially for weekend dining. We require 24 hours notice for group bookings of 8 or more. Cancellations must be made 24 hours in advance."
|
|
},
|
|
{
|
|
id: "5", title: "Do you host private events and functions?", content: "Yes, Al Zaiqa specializes in private events, corporate functions, weddings, and celebrations. Our team will work with you to create a customized menu and package for your special occasion."
|
|
},
|
|
{
|
|
id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), digital wallets, and cash. Payment plans for large events can be arranged upon request."
|
|
},
|
|
]}
|
|
ariaLabel="Contact and reservation information section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-friends-taking-photos-restaurant_23-2150520116.jpg"
|
|
imageAlt="Al Zaiqa restaurant elegant ambiance"
|
|
logoText="Al Zaiqa"
|
|
copyrightText="© 2025 Al Zaiqa Restaurant. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Reservations", href: "#contact" },
|
|
{ label: "Special Events", href: "#" },
|
|
{ label: "Catering", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "The Chef", href: "#" },
|
|
{ label: "Sourcing", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Newsletter", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
ariaLabel="Site footer with restaurant information and links"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|