bender/0a88657f-8bb4-471b-8e23-77c1eff15999
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 16:22:17 +00:00
parent 847165941f
commit 28944b0ae7
1 changed files with 119 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

394
src/app/page.tsx
View File

@@ -28,289 +28,133 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Majlis Al Afghani"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Majlis Al Afghani"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Authentic Bukhari Excellence"
description="Experience the legendary flavor of our traditional Bukhari rice, prepared with the finest spices and age-old techniques."
testimonials={[
{
name: "Ahmed K.",
handle: "@ahmedfood",
testimonial: "The best Bukhari I've had in years. Absolutely authentic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187189.jpg",
},
{
name: "Sarah L.",
handle: "@sarahdining",
testimonial: "Incredible atmosphere and even better food. A true gem.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-pizza-photo_23-2149250077.jpg",
},
{
name: "Omar B.",
handle: "@omarkitchen",
testimonial: "The spice blend is perfection. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
},
{
name: "Fatima S.",
handle: "@fatifoodie",
testimonial: "Authentic taste, great service, and warm ambiance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg",
},
{
name: "Khalid M.",
handle: "@khalid_eats",
testimonial: "An authentic Bukhari experience that feels like home cooking.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg",
},
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/glass-with-mixed-walnuts_140725-6403.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187193.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-while-drinking-glass-beer-with-his-friends-bar_58466-16027.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
alt: "Customer 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Authentic Bukhari Excellence"
description="Experience the legendary flavor of our traditional Bukhari rice, prepared with the finest spices and age-old techniques."
testimonials={[
{ name: "Ahmed K.", handle: "@ahmedfood", testimonial: "The best Bukhari I've had in years. Absolutely authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187189.jpg" },
{ name: "Sarah L.", handle: "@sarahdining", testimonial: "Incredible atmosphere and even better food. A true gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-pizza-photo_23-2149250077.jpg" },
{ name: "Omar B.", handle: "@omarkitchen", testimonial: "The spice blend is perfection. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
{ name: "Fatima S.", handle: "@fatifoodie", testimonial: "Authentic taste, great service, and warm ambiance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg" },
{ name: "Khalid M.", handle: "@khalid_eats", testimonial: "An authentic Bukhari experience that feels like home cooking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg" },
]}
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/glass-with-mixed-walnuts_140725-6403.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187193.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-while-drinking-glass-beer-with-his-friends-bar_58466-16027.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", alt: "Customer 5" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="A Legacy of Flavor"
description="At Majlis Al Afghani, we honor tradition by using authentic, time-tested recipes to serve the most delicious Bukhari rice in town."
imageSrc="http://img.b2bpic.net/free-photo/vegan-fresh-cooking-ingredients-wooden-table_53876-95389.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="A Legacy of Flavor"
description="At Majlis Al Afghani, we honor tradition by using authentic, time-tested recipes to serve the most delicious Bukhari rice in town."
imageSrc="http://img.b2bpic.net/free-photo/vegan-fresh-cooking-ingredients-wooden-table_53876-95389.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Fresh Ingredients",
description: "We source only the freshest meat and high-quality rice daily.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/arab-restaurant_23-2147794218.jpg",
imageAlt: "Arab restaurant",
},
{
title: "Traditional Recipes",
description: "Authentic Bukhari flavors passed down through generations.",
bentoComponent: "reveal-icon",
icon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-mixed-walnuts_140725-6403.jpg?_wi=2",
imageAlt: "Arab restaurant",
},
{
title: "Cozy Atmosphere",
description: "Perfect for family dinners and special gatherings.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/vegan-fresh-cooking-ingredients-wooden-table_53876-95389.jpg?_wi=2",
imageAlt: "Arab restaurant",
},
]}
title="Why Choose Us?"
description="We put passion into every plate to ensure you receive a memorable dining experience."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Fresh Ingredients", description: "We source only the freshest meat and high-quality rice daily.", bentoComponent: "reveal-icon", icon: CheckCircle },
{ title: "Traditional Recipes", description: "Authentic Bukhari flavors passed down through generations.", bentoComponent: "reveal-icon", icon: Flame },
{ title: "Cozy Atmosphere", description: "Perfect for family dinners and special gatherings.", bentoComponent: "reveal-icon", icon: Users },
]}
title="Why Choose Us?"
description="We put passion into every plate to ensure you receive a memorable dining experience."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Classic Bukhari Rice",
price: "$12.99",
variant: "Small",
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358076.jpg",
},
{
id: "2",
name: "Family Platter",
price: "$45.00",
variant: "Large",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ramadan-celebration_23-2151358166.jpg",
},
{
id: "3",
name: "Grilled Chicken Bukhari",
price: "$15.99",
variant: "Standard",
imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-london-table-empty_1203-4494.jpg",
},
{
id: "4",
name: "Lamb Shank Special",
price: "$18.99",
variant: "Deluxe",
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-onions-sauce_140725-9541.jpg",
},
{
id: "5",
name: "Fresh Salad Side",
price: "$5.99",
variant: "Fresh",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rice-pilaff-served-with-roasted-meat-dried-fruits_140725-10685.jpg",
},
{
id: "6",
name: "Traditional Soup",
price: "$6.99",
variant: "Starter",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-rice-with-stewed-meat-herbs-wooden-table_140725-12030.jpg",
},
]}
title="Signature Menu"
description="Discover our most celebrated dishes, crafted with love."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "1", name: "Classic Bukhari Rice", price: "$12.99", variant: "Small", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358076.jpg" },
{ id: "2", name: "Family Platter", price: "$45.00", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ramadan-celebration_23-2151358166.jpg" },
{ id: "3", name: "Grilled Chicken Bukhari", price: "$15.99", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-london-table-empty_1203-4494.jpg" },
{ id: "4", name: "Lamb Shank Special", price: "$18.99", variant: "Deluxe", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-onions-sauce_140725-9541.jpg" },
{ id: "5", name: "Fresh Salad Side", price: "$5.99", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-rice-pilaff-served-with-roasted-meat-dried-fruits_140725-10685.jpg" },
{ id: "6", name: "Traditional Soup", price: "$6.99", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/side-view-rice-with-stewed-meat-herbs-wooden-table_140725-12030.jpg" },
]}
title="Signature Menu"
description="Discover our most celebrated dishes, crafted with love."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Majlis Al Afghani is the only place I go for real Bukhari rice. It feels like home every time I visit."
rating={5}
author="Mohammad R."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187189.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-pizza-photo_23-2149250077.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg",
alt: "Customer",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Majlis Al Afghani is the only place I go for real Bukhari rice. It feels like home every time I visit."
rating={5}
author="Mohammad R."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187189.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-pizza-photo_23-2149250077.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg", alt: "Customer" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Do you offer delivery?",
content: "Yes, we partner with major delivery services.",
},
{
id: "2",
title: "Is your meat Halal?",
content: "Yes, 100% of our menu is Halal.",
},
{
id: "3",
title: "Can we book a table?",
content: "Absolutely, please call us to make a reservation.",
},
]}
title="Common Questions"
description="Have questions about our restaurant or menu? Find answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery services." },
{ id: "2", title: "Is your meat Halal?", content: "Yes, 100% of our menu is Halal." },
{ id: "3", title: "Can we book a table?", content: "Absolutely, please call us to make a reservation." },
]}
title="Common Questions"
description="Have questions about our restaurant or menu? Find answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Visit us or contact us today for reservations."
buttons={[
{
text: "Call Now",
href: "tel:+1234567890",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Visit us or contact us today for reservations."
buttons={[{ text: "Call Now", href: "tel:+1234567890" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Majlis Al Afghani"
copyrightText="© 2025 Majlis Al Afghani. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Majlis Al Afghani"
copyrightText="© 2025 Majlis Al Afghani. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);