Merge version_3 into main #3
145
src/app/page.tsx
145
src/app/page.tsx
@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Leaf } from "lucide-react";
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import { Leaf, Utensils, Star, Clock3 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Nanglo Dhulabari"
|
||||
/>
|
||||
@@ -48,24 +43,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Authentic Taste of Dhulabari"
|
||||
description="Experience the true essence of traditional and contemporary flavors in a warm, welcoming environment."
|
||||
description="Experience the true essence of traditional Nepali cuisine in a warm, welcoming environment."
|
||||
tag="Welcome to Nanglo"
|
||||
buttons={[
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg", imageAlt: "Restaurant Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vegetables_23-2148494042.jpg", imageAlt: "Gourmet Dish"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nepali-thali-set-wooden-table_527904-45.jpg", imageAlt: "Traditional Nepali Thali" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/momos-served-traditional-nepali-plate_1258-293.jpg", imageAlt: "Authentic Nepali Momos" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Highly rated by local food enthusiasts"
|
||||
ratingText="Loved by the local community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -74,15 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Commitment"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Fresh Ingredients", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Expert Chefs", value: "15+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served", value: "10+"},
|
||||
{ icon: Leaf, label: "Fresh Local Ingredients", value: "100%" },
|
||||
{ icon: Utensils, label: "Authentic Recipes", value: "100%" },
|
||||
{ icon: Star, label: "Customer Satisfaction", value: "4.9/5" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,39 +81,27 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Classic Momos", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/steaming-asian-dumplings-dark-plate_84443-82009.jpg"},
|
||||
{
|
||||
id: "2", name: "Dal Bhat Platter", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/massaman-curry-frying-pan-with-spices-cement-floor_1150-20781.jpg"},
|
||||
{
|
||||
id: "3", name: "Special Fried Rice", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-cashew-nuts-thai-food_1150-26462.jpg"},
|
||||
{
|
||||
id: "4", name: "Garden Fresh Salad", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/appetizer-ingredients-with-platter-macaroni-marble-surface_114579-69873.jpg"},
|
||||
{
|
||||
id: "5", name: "Berry Refresher", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/blue-chilled-drink-glass-decorated-with-umbrella_23-2148145329.jpg"},
|
||||
{
|
||||
id: "6", name: "Signature Dessert", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-assortment_23-2149143312.jpg"},
|
||||
{ id: "1", name: "Buff Momos", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/steaming-momos-bamboo-steamer_1258-201.jpg" },
|
||||
{ id: "2", name: "Traditional Thakali Khana", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/nepali-thali-set-wooden-table_527904-45.jpg" },
|
||||
{ id: "3", name: "Chicken Sekuwa", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-sekuwa_1258-301.jpg" },
|
||||
{ id: "4", name: "Mixed Vegetable Curry", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-curry-bowl_1258-289.jpg" },
|
||||
{ id: "5", name: "Aloo Chop", price: "$3", imageSrc: "http://img.b2bpic.net/free-photo/aloo-chop-plate_1258-210.jpg" },
|
||||
{ id: "6", name: "Sel Roti & Curry", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/sel-roti-dish_1258-278.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Handpicked favorites from our extensive menu, crafted with passion."
|
||||
title="Featured Menu Items"
|
||||
description="Discover our signature Nepali delicacies, prepared with traditional techniques and local spices."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Cozy Ambience", subtitle: "Perfect for family and friends", category: "Environment", value: "Warm"},
|
||||
{
|
||||
id: "f2", title: "Fast Service", subtitle: "Your order on the table, quick", category: "Quality", value: "Speed"},
|
||||
{
|
||||
id: "f3", title: "Local Ingredients", subtitle: "Supporting our regional farmers", category: "Sourcing", value: "Local"},
|
||||
<MetricCardFourteen
|
||||
title="Operational Excellence"
|
||||
tag="Our Service"
|
||||
metrics={[
|
||||
{ id: "m1", value: "Daily", description: "Fresh preparation of spices" },
|
||||
{ id: "m2", value: "100%", description: "Authentic Nepali heritage" },
|
||||
{ id: "m3", value: "Local", description: "Sourced from Dhulabari farmers" },
|
||||
]}
|
||||
title="Why Nanglo?"
|
||||
description="More than just a meal, it's a dining experience you'll love."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,24 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Rita Sharma", role: "Foodie", company: "Dhulabari", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
|
||||
{
|
||||
id: "t2", name: "Raj Karki", role: "Regular", company: "Dhulabari", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looks-up-food-shop-internet_482257-76249.jpg"},
|
||||
{
|
||||
id: "t3", name: "Sita Limbu", role: "Visitor", company: "Birtamod", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg"},
|
||||
{
|
||||
id: "t4", name: "Arjun Giri", role: "Regular", company: "Dhulabari", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg"},
|
||||
{
|
||||
id: "t5", name: "Maya Rai", role: "Fan", company: "Dhulabari", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
{ id: "t1", name: "Rita Sharma", role: "Local Resident", company: "Dhulabari", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-nepali-woman-eating-thali_527904-98.jpg" },
|
||||
{ id: "t2", name: "Raj Karki", role: "Regular Customer", company: "Dhulabari", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-momos_527904-102.jpg" },
|
||||
{ id: "t3", name: "Sita Limbu", role: "Visitor", company: "Birtamod", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-at-restaurant_527904-105.jpg" },
|
||||
]}
|
||||
title="Our Guests Love Us"
|
||||
description="Hear what our regulars have to say."
|
||||
description="Hear what our regulars have to say about the authentic experience at Nanglo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,12 +126,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we partner with local delivery apps."},
|
||||
{
|
||||
id: "q2", title: "Can I book a table?", content: "Yes, please call us to reserve in advance."},
|
||||
{
|
||||
id: "q3", title: "Are there vegan options?", content: "We offer a variety of vegetable-based dishes."},
|
||||
{ id: "q1", title: "Is your food authentic?", content: "Yes, our recipes are passed down through generations to ensure true Nepali taste." },
|
||||
{ id: "q2", title: "Do you host large groups?", content: "We have spacious seating perfect for family gatherings and celebrations." },
|
||||
{ id: "q3", title: "Can I book a table?", content: "Yes, we recommend calling ahead for evening reservations." },
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Everything you need to know about dining with us."
|
||||
@@ -180,39 +139,23 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Visit Us Today"
|
||||
description="Join us for a memorable meal in Dhulabari."
|
||||
description="Join us for a memorable, authentic meal in the heart of Dhulabari."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Reserve", href: "tel:+977000000000"},
|
||||
{ text: "Call to Reserve", href: "tel:+977000000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-donut_23-2148773568.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nepali-masala-tea_527904-90.jpg"
|
||||
logoText="Nanglo Dhulabari"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Nanglo Dhulabari"
|
||||
/>
|
||||
@@ -220,4 +163,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user