287 lines
15 KiB
TypeScript
287 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Clock, Star, DollarSign, MapPin, Flame, CheckCircle, Zap, Leaf, Users, Heart, MessageCircle, FileText } from "lucide-react";
|
|
|
|
const handleOrderSubmit = (data: Record<string, string>) => {
|
|
console.log("Order submitted:", data);
|
|
};
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Al Saqr Restaurant"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "📞 Call Now", href: "tel:04-263-1366" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Fresh & Affordable 24-Hour Dining in Al Qusais"
|
|
description="Dine In • Pickup • Delivery • Vegan Options Available"
|
|
tag="24/7 Open"
|
|
tagIcon={Clock}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
buttons={[
|
|
{ text: "📞 Call Now: 04 263 1366", href: "tel:04-263-1366" },
|
|
{ text: "🛵 Order Pickup", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "hero-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ8FOMuveLQ8wkceTtt94xt48a/uploaded-1772514029566-bkf7zggi.png?_wi=1"},
|
|
{
|
|
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-tomatoes-lemon-slices-oval-plate-table-free-space_140725-147488.jpg?_wi=1"},
|
|
{
|
|
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-food-wooden-desk_23-2147871052.jpg?_wi=1"},
|
|
{
|
|
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegan-salad-with-fresh-ingredients-plate-black-cutting-board_179666-47259.jpg?_wi=1"},
|
|
{
|
|
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/tea-ceremony-professional-tea-brewing-tea-meditation-with-tea-tea-bowls_169016-66922.jpg?_wi=1"},
|
|
{
|
|
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/top-fried-meat-with-chestnuts-colorful-rug_140725-12272.jpg?_wi=1"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardOne
|
|
title="Why Al Saqr Stands Out"
|
|
description="Trusted by the Al Qusais community with proven ratings and service excellence"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "4.1", title: "Rating", description: "From 463+ verified reviews", icon: Star,
|
|
},
|
|
{
|
|
id: "2", value: "24", title: "Hours", description: "Open around the clock", icon: Clock,
|
|
},
|
|
{
|
|
id: "3", value: "AED 1-50", title: "Price Range", description: "Affordable for everyone", icon: DollarSign,
|
|
},
|
|
{
|
|
id: "4", value: "Al Qusais 2", title: "Location", description: "Damascus Street, High Class Business Centre", icon: MapPin,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Al Saqr Restaurant: Your Trusted Local Favorite"
|
|
description="Serving the Al Qusais community with delicious, affordable meals 24 hours a day. Al Saqr Restaurant is known for its warm service, generous portions, and fresh ingredients. Whether you're an office worker grabbing a quick meal, a family dining together, or a late-night customer, we're here for you."
|
|
tag="About Us"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ8FOMuveLQ8wkceTtt94xt48a/uploaded-1772514029566-bkf7zggi.png?_wi=2"
|
|
imageAlt="Al Saqr Restaurant welcoming dining area"
|
|
buttons={[
|
|
{ text: "📍 Get Directions", href: "#contact" },
|
|
{ text: "🛵 Order Now", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Popular Menu Highlights"
|
|
description="Discover our most-loved dishes prepared fresh daily"
|
|
tag="Bestsellers"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Chicken Baghdadi", price: "AED 15-25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-tomatoes-lemon-slices-oval-plate-table-free-space_140725-147488.jpg?_wi=2", imageAlt: "Chicken Baghdadi - tender chicken with aromatic spices"},
|
|
{
|
|
id: "2", name: "Daal Palak", price: "AED 8-12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-food-wooden-desk_23-2147871052.jpg?_wi=2", imageAlt: "Daal Palak - creamy lentil and spinach curry"},
|
|
{
|
|
id: "3", name: "Daal Gosht", price: "AED 12-18", imageSrc: "http://img.b2bpic.net/free-photo/top-fried-meat-with-chestnuts-colorful-rug_140725-12272.jpg?_wi=2", imageAlt: "Daal Gosht - lentils with tender meat"},
|
|
{
|
|
id: "4", name: "Fresh Vegetable Salad", price: "AED 5-8", imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegan-salad-with-fresh-ingredients-plate-black-cutting-board_179666-47259.jpg?_wi=2", imageAlt: "Fresh Vegetable Salad - crisp and healthy"},
|
|
{
|
|
id: "5", name: "Freshly Brewed Tea", price: "AED 2-4", imageSrc: "http://img.b2bpic.net/free-photo/tea-ceremony-professional-tea-brewing-tea-meditation-with-tea-tea-bowls_169016-66922.jpg?_wi=2", imageAlt: "Freshly brewed traditional tea"},
|
|
{
|
|
id: "6", name: "Special Meat Curry", price: "AED 14-20", imageSrc: "http://img.b2bpic.net/free-photo/top-fried-meat-with-chestnuts-colorful-rug_140725-12272.jpg?_wi=3", imageAlt: "Special meat curry with house spices"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "📞 Call to Order", href: "tel:04-263-1366" }, { text: "📋 View Full Menu", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureHoverPattern
|
|
title="Why Choose Al Saqr Restaurant"
|
|
description="Everything you need in one trusted local restaurant"
|
|
tag="Our Advantages"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Clock,
|
|
title: "Open 24 Hours", description: "Always ready to serve you, day or night"},
|
|
{
|
|
icon: Zap,
|
|
title: "Fast Pickup & Delivery", description: "Quick service without compromising quality"},
|
|
{
|
|
icon: DollarSign,
|
|
title: "Affordable Pricing", description: "Premium food at budget-friendly prices"},
|
|
{
|
|
icon: Leaf,
|
|
title: "Vegan-Friendly Dishes", description: "Delicious options for all dietary preferences"},
|
|
{
|
|
icon: Users,
|
|
title: "Trusted by 400+ Customers", description: "Proven track record of quality and service"},
|
|
{
|
|
icon: MapPin,
|
|
title: "Convenient Damascus Street Location", description: "Easy to find, easy to visit in Al Qusais 2"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Place Your Order or Get in Touch"
|
|
description="Submit your order details below or call us directly at 04 263 1366. For urgent orders, we recommend calling us."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
|
},
|
|
{
|
|
name: "service", type: "text", placeholder: "Pickup or Delivery?", required: true,
|
|
},
|
|
{
|
|
name: "preferredTime", type: "text", placeholder: "Preferred Pickup/Delivery Time", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "orderDetails", placeholder: "Describe what you'd like to order...", rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ8FOMuveLQ8wkceTtt94xt48a/uploaded-1772514029566-bkf7zggi.png?_wi=3"
|
|
imageAlt="Al Saqr Restaurant dining experience"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Submit Order"
|
|
onSubmit={handleOrderSubmit}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
title="Loved by Our Community"
|
|
description="Read what our regular customers have to say about Al Saqr Restaurant"
|
|
tag="Customer Reviews"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ahmed Hassan", handle: "@ahmed_h", testimonial: "Best affordable food in Al Qusais! Always fresh, always hot, and the service is incredibly fast. Open 24 hours is a lifesaver for late-night cravings.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "Ahmed Hassan"},
|
|
{
|
|
id: "2", name: "Fatima Mohammed", handle: "@fatima_m", testimonial: "I bring my family here every week. The portions are generous, the price is right, and everyone enjoys the food. Highly recommend Al Saqr!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Fatima Mohammed"},
|
|
{
|
|
id: "3", name: "Khalid Al-Mansoori", handle: "@khalid_dm", testimonial: "The vegan options are amazing! Finally, a local restaurant that takes dietary preferences seriously. Great quality food and excellent customer service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=3", imageAlt: "Khalid Al-Mansoori"},
|
|
{
|
|
id: "4", name: "Samar Abdullah", handle: "@samar_a", testimonial: "Quick delivery, hot food, reasonable prices. Al Saqr is my go-to restaurant in Al Qusais. Never disappointed!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=4", imageAlt: "Samar Abdullah"},
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Al Saqr Restaurant"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Why Choose Us", href: "#why-us" },
|
|
{ label: "Reviews", href: "#reviews" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Dine In", href: "tel:04-263-1366" },
|
|
{ label: "Pickup", href: "#contact" },
|
|
{ label: "Delivery", href: "#contact" },
|
|
{ label: "Vegan Options", href: "#menu" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "📞 04 263 1366", href: "tel:04-263-1366" },
|
|
{ label: "📍 Damascus Street, Al Qusais 2", href: "#" },
|
|
{ label: "⏰ Open 24 Hours", href: "#" },
|
|
{ label: "📧 Send a Message", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "WhatsApp", href: "https://wa.me/971426313666" },
|
|
{ label: "Google Maps", href: "https://maps.google.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Al Saqr Restaurant | Al Qusais 2, Dubai | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|