Merge version_1 into main #2
405
src/app/page.tsx
405
src/app/page.tsx
@@ -16,331 +16,100 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ikh Tal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ikh Tal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Experience Excellence at Ikh Tal"
|
||||
description="Savor authentic Mongolian and Italian cuisine in our spacious, elegant hall—perfect for intimate dinners, celebrations, and unforgettable gatherings."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg?_wi=1",
|
||||
imageAlt: "Ikh Tal dining atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg?_wi=2",
|
||||
imageAlt: "Ikh Tal interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg?_wi=3",
|
||||
imageAlt: "Spacious event hall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg?_wi=4",
|
||||
imageAlt: "Elegant table setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg?_wi=5",
|
||||
imageAlt: "Mongolian hospitality",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg?_wi=6",
|
||||
imageAlt: "Luxurious dining",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Italian dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg?_wi=2",
|
||||
imageAlt: "Signature Mongolian plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg?_wi=3",
|
||||
imageAlt: "Exquisite dessert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg?_wi=4",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg?_wi=5",
|
||||
imageAlt: "Artful plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg?_wi=6",
|
||||
imageAlt: "Culinary excellence",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23875.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gay-couple-beach-with-camera_23-2150168283.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-roommates-taking-selfie_23-2148903607.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9601.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-girl-with-long-hair-eating-vegetables-laughing-refined-lady-enjoying-favorite-salad_197531-17192.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Mongolian Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Italian Inspirations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spacious Banquet Hall",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Event Hosting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fine Dining Atmosphere",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience Excellence at Ikh Tal"
|
||||
description="Savor authentic Mongolian and Italian cuisine in our spacious, elegant hall—perfect for intimate dinners, celebrations, and unforgettable gatherings."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg", imageAlt: "Ikh Tal dining atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg", imageAlt: "Ikh Tal interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg", imageAlt: "Spacious event hall" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg", imageAlt: "Elegant table setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg", imageAlt: "Mongolian hospitality" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712923.jpg", imageAlt: "Luxurious dining" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg", imageAlt: "Gourmet Italian dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg", imageAlt: "Signature Mongolian plate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg", imageAlt: "Exquisite dessert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg", imageAlt: "Fresh ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg", imageAlt: "Artful plating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg", imageAlt: "Culinary excellence" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Table Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description={[
|
||||
"At Ikh Tal, we believe dining is an experience that bridges cultures and moments. Located in the heart of Ulaanbaatar, our restaurant specializes in high-quality Mongolian classics alongside modern Italian inspirations.",
|
||||
"Our spacious hall provides the perfect backdrop for families, corporate hosts, and casual diners alike. Whether you are hosting a grand wedding, a professional banquet, or an intimate birthday dinner, our dedicated team ensures every detail reflects our commitment to exceptional service and premium quality.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description={[
|
||||
"At Ikh Tal, we believe dining is an experience that bridges cultures and moments. Located in the heart of Ulaanbaatar, our restaurant specializes in high-quality Mongolian classics alongside modern Italian inspirations.", "Our spacious hall provides the perfect backdrop for families, corporate hosts, and casual diners alike. Whether you are hosting a grand wedding, a professional banquet, or an intimate birthday dinner, our dedicated team ensures every detail reflects our commitment to exceptional service and premium quality."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Mongolian",
|
||||
name: "Traditional Khorkhog",
|
||||
price: "₮45,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-pasta-meal-served-with-vegetables-blue-plate-mix-colors-surface_140725-154544.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Italian",
|
||||
name: "Handmade Truffle Tagliatelle",
|
||||
price: "₮38,000",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510915.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Mongolian",
|
||||
name: "Ikh Tal Special Buuz",
|
||||
price: "₮22,000",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-shaped-snacks_114579-79063.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Italian",
|
||||
name: "Grilled Steak Florentine",
|
||||
price: "₮65,000",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-baklava-served-with-tea_141793-1536.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Italian",
|
||||
name: "Classic Tiramisu",
|
||||
price: "₮18,000",
|
||||
rating: 5,
|
||||
reviewCount: "145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-croissant-bread-basket_23-2148288048.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Mongolian",
|
||||
name: "Traditional Tsuivan",
|
||||
price: "₮25,000",
|
||||
rating: 4,
|
||||
reviewCount: "195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-with-floral-garnish_23-2151973727.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover a fusion of flavors meticulously crafted for our guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Signature Menu"
|
||||
description="Discover a fusion of flavors meticulously crafted for our guests."
|
||||
products={[
|
||||
{ id: "p1", brand: "Mongolian", name: "Traditional Khorkhog", price: "₮45,000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-pasta-meal-served-with-vegetables-blue-plate-mix-colors-surface_140725-154544.jpg" },
|
||||
{ id: "p2", brand: "Italian", name: "Handmade Truffle Tagliatelle", price: "₮38,000", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510915.jpg" },
|
||||
{ id: "p3", brand: "Mongolian", name: "Ikh Tal Special Buuz", price: "₮22,000", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-shaped-snacks_114579-79063.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Family Diner",
|
||||
testimonial: "The atmosphere is unmatched in Ulaanbaatar. Perfect for our family milestones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23875.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "Corporate Host",
|
||||
testimonial: "I organized a business banquet here. Seamless service and excellent food. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gay-couple-beach-with-camera_23-2150168283.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Food Enthusiast",
|
||||
testimonial: "I loved the fusion menu. The Italian dishes are incredibly authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roommates-taking-selfie_23-2148903607.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "Event Planner",
|
||||
testimonial: "Best venue for weddings. My clients are always impressed by the spacious hall.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9601.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Altantsetseg",
|
||||
handle: "Casual Diner",
|
||||
testimonial: "Always friendly and welcoming. Great portions for the family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-girl-with-long-hair-eating-vegetables-laughing-refined-lady-enjoying-favorite-salad_197531-17192.jpg",
|
||||
},
|
||||
]}
|
||||
title="Stories from Our Guests"
|
||||
description="See why locals and international guests choose Ikh Tal for their special moments."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Join Us for an Unforgettable Meal"
|
||||
description="Whether it's a family gathering or a corporate event, we are here to make it special. Book your table or event hall today."
|
||||
buttons={[{ text: "Reserve Your Table", href: "tel:+97699000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Join Us for an Unforgettable Meal"
|
||||
description="Whether it's a family gathering or a corporate event, we are here to make it special. Book your table or event hall today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "tel:+97699000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Ikh Tal Restaurant",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Event Hall",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Ulaanbaatar, Mongolia",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+976 9900 0000",
|
||||
href: "tel:+97699000000",
|
||||
},
|
||||
{
|
||||
label: "reservations@ikhtal.mn",
|
||||
href: "mailto:reservations@ikhtal.mn",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Ikh Tal. All rights reserved."
|
||||
bottomRightText="Built with elegance."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Ikh Tal Restaurant", items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }] },
|
||||
{ title: "Contact", items: [{ label: "+976 9900 0000", href: "tel:+97699000000" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Ikh Tal. All rights reserved."
|
||||
bottomRightText="Built with elegance."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user