Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -26,222 +26,110 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Dishes",
|
||||
id: "dishes",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="MULAN"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Dishes", id: "dishes" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MULAN"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="MULAN"
|
||||
description="Authentic Chinese Cuisine. Refined. Elegant. Unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg"
|
||||
imageAlt="Mulan Restaurant Interior"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="MULAN"
|
||||
description="Authentic Chinese Cuisine. Refined. Elegant. Unforgettable."
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg"
|
||||
imageAlt="Mulan Restaurant Interior"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Hidden Gem in Larnaca",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "A Hidden Gem in Larnaca" }]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No generic shortcuts",
|
||||
"No noisy environment",
|
||||
"No rushed service",
|
||||
"No artificial preservatives",
|
||||
"No compromised quality",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Authentic Traditional Recipes",
|
||||
"Exceptional Refined Service",
|
||||
"Elegant Calm Atmosphere",
|
||||
"Farm-to-table ingredients",
|
||||
"Expertly curated wine list",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Mulan"
|
||||
description="Experience Chinese cuisine elevated to an art form in the heart of Larnaca."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No generic shortcuts", "No noisy environment", "No rushed service", "No artificial preservatives", "No compromised quality"] }}
|
||||
positiveCard={{ items: ["Authentic Traditional Recipes", "Exceptional Refined Service", "Elegant Calm Atmosphere", "Farm-to-table ingredients", "Expertly curated wine list"] }}
|
||||
title="Why Choose Mulan"
|
||||
description="Experience Chinese cuisine elevated to an art form in the heart of Larnaca."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
brand: "Chef's Special",
|
||||
name: "Sweet & Sour Chicken",
|
||||
price: "Signature",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-forks-dish_23-2147681114.jpg",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
brand: "Popular",
|
||||
name: "Special Fried Rice",
|
||||
price: "Daily Fresh",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-rice-with-vegetables-soy-sauce-chopsticks_23-2148377504.jpg",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
brand: "Chef's Special",
|
||||
name: "Authentic Curry",
|
||||
price: "Rich & Spicy",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-with-spicy-ingredient-top_114579-2430.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Culinary masterpieces crafted with fresh, premium ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="dishes" data-section="dishes">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "d1", brand: "Chef's Special", name: "Sweet & Sour Chicken", price: "Signature", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-forks-dish_23-2147681114.jpg" },
|
||||
{ id: "d2", brand: "Popular", name: "Special Fried Rice", price: "Daily Fresh", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-rice-with-vegetables-soy-sauce-chopsticks_23-2148377504.jpg" },
|
||||
{ id: "d3", brand: "Chef's Special", name: "Authentic Curry", price: "Rich & Spicy", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-with-spicy-ingredient-top_114579-2430.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Culinary masterpieces crafted with fresh, premium ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A hidden gem in Larnaca where elegance meets flavor. The staff is incredibly friendly and the food is consistently delicious."
|
||||
rating={5}
|
||||
author="Elena K."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/japanese-food-court-with-teapot-heating-up_23-2148759567.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-food-inside-kitchen-food-meal-fry-cook_140725-26010.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
|
||||
alt: "Sophia",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corridor-chinese-building_1127-299.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/japanese-food-court-with-teapot-heating-up_23-2148759567.jpg",
|
||||
alt: "George",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A hidden gem in Larnaca where elegance meets flavor. The staff is incredibly friendly and the food is consistently delicious."
|
||||
rating={5}
|
||||
author="Elena K."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/japanese-food-court-with-teapot-heating-up_23-2148759567.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-food-inside-kitchen-food-meal-fry-cook_140725-26010.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", alt: "Sophia" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/corridor-chinese-building_1127-299.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/japanese-food-court-with-teapot-heating-up_23-2148759567.jpg", alt: "George" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Experience Mulan Tonight"
|
||||
description="Reserve your table or order takeaway to discover why our guests keep coming back."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Reservation details or special requests",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/terrace-restaurant_23-2148015003.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Experience Mulan Tonight"
|
||||
description="Reserve your table or order takeaway to discover why our guests keep coming back."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Reservation details or special requests", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/terrace-restaurant_23-2148015003.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Larnaca, Cyprus",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reservations",
|
||||
items: [
|
||||
{
|
||||
label: "Book Online",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MULAN"
|
||||
copyrightText="© 2025 Mulan Chinese Restaurant. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Visit Us", items: [{ label: "Larnaca, Cyprus", href: "#" }] },
|
||||
{ title: "Reservations", items: [{ label: "Book Online", href: "#contact" }] },
|
||||
]}
|
||||
logoText="MULAN"
|
||||
copyrightText="© 2025 Mulan Chinese Restaurant. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user