Merge version_2 into main #4
238
src/app/page.tsx
238
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award } from "lucide-react";
|
||||
import { Award, Utensils, MapPin, Clock, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,166 +26,92 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Signature Dishes", id: "dishes"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
]}
|
||||
brandName="Asoka Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Signature Dishes", id: "dishes" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
]}
|
||||
brandName="Asoka Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Authentic South Indian Flavors. No Drama, Just Great Food."
|
||||
description="Experience the legendary taste of Brickfields. Freshly made roti, steaming curries, and the soul of South India in every bite."
|
||||
tag="Since 1980"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-omlet-with-greens-top-view_140725-6620.jpg?_wi=1", imageAlt: "Hot Pooris and Roti Canai"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-cutlets-with-cooked-rice-dark-surface-meat-rissole-dish_140725-82663.jpg?_wi=1", imageAlt: "Spicy Kothu Parotta"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Asoka Restaurant: The Heart of Brickfields"
|
||||
description="Savor authentic South Indian traditions. From steaming hot rotis to legendary curries, we bring the vibrant streets of Kuala Lumpur to your table."
|
||||
tag="Since 1980"
|
||||
tagIcon={Utensils}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eggs-omlet-with-greens-top-view_140725-6620.jpg?_wi=1", imageAlt: "Steaming hot breakfast items" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-cutlets-with-cooked-rice-dark-surface-meat-rissole-dish_140725-82663.jpg?_wi=1", imageAlt: "Authentic South Indian feast" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Vibrant local favorite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dishes" data-section="dishes">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "d1", title: "Kothu Parotta", author: "Chef Special", description: "Shredded parotta tossed with spices and fresh vegetables.", tags: [
|
||||
"Spicy", "Classic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-cutlets-with-cooked-rice-dark-surface-meat-rissole-dish_140725-82663.jpg?_wi=2", imageAlt: "Kothu Parotta"},
|
||||
{
|
||||
id: "d2", title: "Egg Mass (Mutta Mass)", author: "Chef Special", description: "Spiced scrambled eggs with a local kick.", tags: [
|
||||
"Savory", "Local"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mexican-food-pan_23-2148224127.jpg?_wi=1", imageAlt: "Egg Mass"},
|
||||
{
|
||||
id: "d3", title: "Sunday Mutton Briyani", author: "Legendary", description: "Slow-cooked mutton with fragrant long-grain rice.", tags: [
|
||||
"Feast", "Popular"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg?_wi=1", imageAlt: "Mutton Briyani"},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Our most loved classics, prepared with traditional spice blends."
|
||||
/>
|
||||
</div>
|
||||
<div id="dishes" data-section="dishes">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "d1", title: "Kothu Parotta", author: "Signature", description: "A savory delight of shredded parotta tossed with fresh vegetables and secret spices.", tags: ["Spicy", "Local Favorite"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-cutlets-with-cooked-rice-dark-surface-meat-rissole-dish_140725-82663.jpg?_wi=2" },
|
||||
{ id: "d2", title: "Egg Mass", author: "Traditional", description: "Perfectly spiced scrambled eggs with a local kick, best enjoyed hot.", tags: ["Savory", "Quick Bite"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-mexican-food-pan_23-2148224127.jpg?_wi=1" },
|
||||
{ id: "d3", title: "Signature Mutton Briyani", author: "Sunday Special", description: "Slow-cooked, fragrant basmati rice paired with tender, spiced mutton.", tags: ["Feast", "Weekend Essential"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg?_wi=1" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Authentic flavors that keep our regulars coming back."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Ravi M.", handle: "@ravim", testimonial: "The softest idlis in all of Malaysia. A must-visit!", imageSrc: "http://img.b2bpic.net/free-photo/eggs-omlet-with-greens-top-view_140725-6620.jpg?_wi=2", imageAlt: "steaming hot pooris roti canai close up"},
|
||||
{
|
||||
id: "t2", name: "Siti A.", handle: "@siti_eat", testimonial: "Affordable, home-cooked taste that reminds me of my grandmother's kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-cutlets-with-cooked-rice-dark-surface-meat-rissole-dish_140725-82663.jpg?_wi=3", imageAlt: "kothu parotta plate indian food"},
|
||||
{
|
||||
id: "t3", name: "Lim K.", handle: "@limk", testimonial: "No-nonsense food. Just pure, authentic flavor. Incredible value.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mexican-food-pan_23-2148224127.jpg?_wi=2", imageAlt: "egg mass dish indian style"},
|
||||
{
|
||||
id: "t4", name: "Anand P.", handle: "@anandp", testimonial: "The Sunday Briyani is legendary. Don't skip it.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg?_wi=2", imageAlt: "mutton briyani plate south indian"},
|
||||
{
|
||||
id: "t5", name: "Devi S.", handle: "@devis", testimonial: "Fast service, great vibes, and the best chutney in town.", imageSrc: "http://img.b2bpic.net/free-photo/eggs-omlet-with-greens-top-view_140725-6620.jpg?_wi=3", imageAlt: "steaming hot pooris roti canai close up"},
|
||||
]}
|
||||
title="Why Locals Love Us"
|
||||
description="Hear what our regulars say about their favorite neighborhood spot."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Locals Love Us"
|
||||
description="From breakfast meetings to family dinners, Asoka is where the community gathers."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rajesh K.", handle: "@rajeshkl", testimonial: "The flavors are exactly as I remember from home. Simply the best.", icon: MessageCircle },
|
||||
{ id: "t2", name: "Siti H.", handle: "@siti_eats", testimonial: "The Kothu Parotta is legendary. Always hot and fresh!", icon: MessageCircle },
|
||||
{ id: "t3", name: "Marcus L.", handle: "@marcusKL", testimonial: "Quick, honest, and incredibly tasty. My go-to spot in Brickfields.", icon: MessageCircle },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", tag: "Morning", price: "RM 3-8", period: "Breakfast", description: "Fresh hot breakfast items to start your day.", button: {
|
||||
text: "View Full Menu"},
|
||||
featuresTitle: "Top Picks", features: [
|
||||
"Thosai", "Appam", "Filter Coffee"],
|
||||
},
|
||||
{
|
||||
id: "p2", tag: "Afternoon", price: "RM 10-15", period: "Lunch", description: "Authentic banana leaf meals served daily.", button: {
|
||||
text: "View Full Menu"},
|
||||
featuresTitle: "Highlights", features: [
|
||||
"Banana Leaf Rice", "Mutton Curry", "Rasum"],
|
||||
},
|
||||
{
|
||||
id: "p3", tag: "Anytime", price: "RM 2-6", period: "Snacks", description: "Quick bites and traditional tea time snacks.", button: {
|
||||
text: "View Full Menu"},
|
||||
featuresTitle: "Quick Bites", features: [
|
||||
"Vadai", "Samosa", "Masala Chai"],
|
||||
},
|
||||
]}
|
||||
title="Menu Overview"
|
||||
description="Fresh preparations daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Menu Overview"
|
||||
description="Timeless recipes served with passion."
|
||||
plans={[
|
||||
{ id: "p1", tag: "Breakfast", price: "RM 3-8", period: "Daily", description: "Start your day with our signature hot breakfast classics.", button: { text: "View Menu" }, featuresTitle: "Morning Favorites", features: ["Idli", "Appam", "Filter Coffee"] },
|
||||
{ id: "p2", tag: "Lunch", price: "RM 10-15", period: "Daily", description: "Authentic banana leaf meals for a wholesome experience.", button: { text: "View Menu" }, featuresTitle: "Lunch Specials", features: ["Vegetarian Meals", "Mutton Curry", "Fish Masala"] },
|
||||
{ id: "p3", tag: "Snacks", price: "RM 2-6", period: "Anytime", description: "Traditional teatime snacks to satisfy those mid-day cravings.", button: { text: "View Menu" }, featuresTitle: "Quick Bites", features: ["Vadai", "Samosa", "Masala Chai"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our heritage recipes."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is the restaurant halal?", content: "We serve vegetarian and meat dishes prepared in traditional South Indian styles."},
|
||||
{
|
||||
id: "f2", title: "Do you accept credit cards?", content: "We operate primarily as a cash-only establishment to keep our prices affordable for the community."},
|
||||
{
|
||||
id: "f3", title: "Is there parking available?", content: "Street parking is available in Brickfields, though it can be limited during peak hours."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Jalan Ang Seng, Brickfields, KL"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Daily: 7:00 AM - 9:00 PM"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pro-Tips", items: [
|
||||
{
|
||||
label: "Cash Only"},
|
||||
{
|
||||
label: "Ask for the AC Room"},
|
||||
{
|
||||
label: "Limited Parking Available"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Asoka Restaurant"
|
||||
bottomRightText="Brickfields, Kuala Lumpur"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "Jalan Ang Seng, Brickfields, KL", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Daily: 7:00 AM - 9:00 PM", href: "#" }] },
|
||||
{ title: "Pro-Tips", items: [{ label: "Bring Cash", href: "#" }, { label: "Ask for the AC Room", href: "#" }, { label: "Avoid Peak Lunch Hours", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2025 Asoka Restaurant"
|
||||
bottomRightText="Brickfields, Kuala Lumpur"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user