166 lines
6.9 KiB
TypeScript
166 lines
6.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "specialties"},
|
|
{
|
|
name: "Experience", id: "experience"},
|
|
{
|
|
name: "Location", id: "location"},
|
|
]}
|
|
brandName="Dubai Mangal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Taste the Fire of Authentic Turkish Grill"
|
|
description="An unforgettable dining experience in the heart of Taraz. Premium meats, rich flavors, and a luxurious atmosphere."
|
|
tag="PREMIUM DINING"
|
|
buttons={[
|
|
{
|
|
text: "Book a Table", href: "#contact"},
|
|
{
|
|
text: "View Menu", href: "#specialties"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-skewer-tray-with-red-pepper_23-2148699100.jpg", imageAlt: "Chef grilling meat over open fire"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-traditional-chorizo-composition_23-2148980308.jpg", imageAlt: "Fire cooking process"}
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="4.4 Rating from 300+ Guests"
|
|
/>
|
|
</div>
|
|
|
|
<div id="specialties" data-section="specialties">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Shashlik Selection", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg", imageAlt: "Shashlik"},
|
|
{
|
|
id: "p2", name: "Ribeye Steak", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/steak-with-grilled-vegetables_140725-137.jpg", imageAlt: "Ribeye"},
|
|
{
|
|
id: "p3", name: "Turkish Breakfast", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/side-view-plate-with-breakfast-food-fresh-vegetable-salad-cheese-honey-fried-eggs-sausages-served-with-tea-desert_140725-12125.jpg", imageAlt: "Breakfast"},
|
|
{
|
|
id: "p4", name: "Lamb Chops", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-tasty-salted-with-cutlery-table-food-meat-meal-restaurant_140725-28144.jpg", imageAlt: "Lamb Chops"},
|
|
{
|
|
id: "p5", name: "Mixed Grill", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/rib-eye-steak-with-fried-potatoe-mushroom-sauce_140725-5429.jpg", imageAlt: "Mixed Grill"},
|
|
{
|
|
id: "p6", name: "Kebab Special", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-various-food-black-tea_140725-1714.jpg", imageAlt: "Kebab"},
|
|
]}
|
|
title="Our Specialties"
|
|
description="The finest selection of meats prepared using traditional fire-grill techniques."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="More Than Just Food"
|
|
buttons={[
|
|
{
|
|
text: "About Us", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="delivery" data-section="delivery">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fast Delivery", description: "Hot and fresh to your door.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-food-pack_23-2149182235.jpg", imageAlt: "Fast delivery"},
|
|
{
|
|
title: "Easy Takeaway", description: "Order and collect in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-black-gloves-black-mask-holding-pizza-boxes-coffee-cups_140725-22264.jpg", imageAlt: "Takeaway"},
|
|
{
|
|
title: "Online Orders", description: "Simple and secure checkout.", imageSrc: "http://img.b2bpic.net/free-photo/waitress-bringing-man-order-cafe_23-2147826930.jpg", imageAlt: "Online ordering"},
|
|
]}
|
|
title="Enjoy Dubai Mangal Anywhere"
|
|
description="Experience our authentic grill from the comfort of your home."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
text="Ready for a Premium Dining Experience? Reserve your table now and enjoy the best of Turkish cuisine in Taraz."
|
|
buttons={[
|
|
{
|
|
text: "Book Now", href: "tel:+123456789"},
|
|
{
|
|
text: "Call Restaurant", href: "tel:+123456789"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Dubai Mangal"
|
|
columns={[
|
|
{
|
|
title: "Info", items: [
|
|
{
|
|
label: "Al-Farabi Street 4, Taraz", href: "#"},
|
|
{
|
|
label: "Open Daily until 1 AM", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Links", items: [
|
|
{
|
|
label: "Menu", href: "#specialties"},
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|