bender/5b665034-3325-46a9-a1bc-7d2fc84fb1f7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 23:30:48 +00:00
parent ab1afb53ac
commit f4d8cf6f2b
1 changed files with 65 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/eat-healthy-restaurant-logo-papercraft-cut-out-style_53876-126879.jpg"
logoAlt="Snack Tetuan Logo"
@@ -65,45 +53,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Snack Tetuan: Authentic Moroccan Flavors"
description="A culinary journey to Tetuan, offering traditional tagines, couscous, and a warm, inviting atmosphere. Taste the heart of Morocco with every dish."
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
{
text: "Make a Reservation",
href: "#contact",
},
text: "Make a Reservation", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-kebab-served-with-fresh-vegetable-salad-cheese-plate-eggplant-rolls-colorful-rug_140725-12411.jpg",
imageAlt: "Moroccan tagine meal",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-kebab-served-with-fresh-vegetable-salad-cheese-plate-eggplant-rolls-colorful-rug_140725-12411.jpg", imageAlt: "Moroccan tagine meal"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-pours-tea-from-teapot-into-glass-armuda-saucer_141793-4292.jpg",
imageAlt: "Traditional Moroccan mint tea",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-pours-tea-from-teapot-into-glass-armuda-saucer_141793-4292.jpg", imageAlt: "Traditional Moroccan mint tea"},
{
imageSrc: "http://img.b2bpic.net/free-photo/christmas-cookies-with-molds-ingredients_1252-262.jpg",
imageAlt: "Bustling Tetuan market scene",
},
imageSrc: "http://img.b2bpic.net/free-photo/christmas-cookies-with-molds-ingredients_1252-262.jpg", imageAlt: "Bustling Tetuan market scene"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg",
imageAlt: "Cozy Moroccan restaurant interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sugar-bowl-with-flowers-vase-wall_140725-12844.jpg", imageAlt: "Cozy Moroccan restaurant interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/quinoa-salad-near-cup-table_23-2148081056.jpg",
imageAlt: "Traditional Moroccan couscous dish",
},
imageSrc: "http://img.b2bpic.net/free-photo/quinoa-salad-near-cup-table_23-2148081056.jpg", imageAlt: "Traditional Moroccan couscous dish"},
{
imageSrc: "http://img.b2bpic.net/free-photo/kozinaki-candies-with-seeds-nuts-glass-plate-with-rope_114579-76212.jpg",
imageAlt: "Assortment of Moroccan pastries",
},
imageSrc: "http://img.b2bpic.net/free-photo/kozinaki-candies-with-seeds-nuts-glass-plate-with-rope_114579-76212.jpg", imageAlt: "Assortment of Moroccan pastries"},
]}
mediaAnimation="opacity"
/>
@@ -117,17 +88,11 @@ export default function LandingPage() {
description="Snack Tetuan brings the vibrant culinary traditions of Morocco to your table. Our chefs prepare each dish with authentic recipes passed down through generations, using only the freshest ingredients to capture the true essence of Tetuani cuisine."
bulletPoints={[
{
title: "Authentic Recipes",
description: "Savor dishes crafted from time-honored Moroccan family recipes.",
},
title: "Authentic Recipes", description: "Savor dishes crafted from time-honored Moroccan family recipes."},
{
title: "Fresh Local Ingredients",
description: "We source the finest local produce and spices for unparalleled flavor.",
},
title: "Fresh Local Ingredients", description: "We source the finest local produce and spices for unparalleled flavor."},
{
title: "Warm Moroccan Hospitality",
description: "Experience our welcoming atmosphere, making you feel right at home.",
},
title: "Warm Moroccan Hospitality", description: "Experience our welcoming atmosphere, making you feel right at home."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg"
imageAlt="Moroccan chef cooking traditional tagine"
@@ -143,47 +108,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "prod-1",
name: "Chicken Tagine with Olives",
price: "€18.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-pilaf-with-meat-fried-dried-fruits-with-onions-clay-dish-newspaper_141793-13195.jpg",
imageAlt: "Chicken Tagine with Olives",
},
id: "prod-1", name: "Chicken Tagine with Olives", price: "€18.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-dish-pilaf-with-meat-fried-dried-fruits-with-onions-clay-dish-newspaper_141793-13195.jpg", imageAlt: "Chicken Tagine with Olives"},
{
id: "prod-2",
name: "Royal Couscous with Lamb",
price: "€22.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-different-raisins-inside-plate-dark-space_140725-97884.jpg",
imageAlt: "Royal Couscous with Lamb",
},
id: "prod-2", name: "Royal Couscous with Lamb", price: "€22.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-different-raisins-inside-plate-dark-space_140725-97884.jpg", imageAlt: "Royal Couscous with Lamb"},
{
id: "prod-3",
name: "Chicken Pastilla",
price: "€16.50",
imageSrc: "http://img.b2bpic.net/free-photo/baklava-turkish-delights-saucers_23-2148111708.jpg",
imageAlt: "Chicken Pastilla",
},
id: "prod-3", name: "Chicken Pastilla", price: "€16.50", imageSrc: "http://img.b2bpic.net/free-photo/baklava-turkish-delights-saucers_23-2148111708.jpg", imageAlt: "Chicken Pastilla"},
{
id: "prod-4",
name: "Harira Soup",
price: "€9.00",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-guymag-with-wallnut-raisins_140725-3912.jpg",
imageAlt: "Harira Soup",
},
id: "prod-4", name: "Harira Soup", price: "€9.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-guymag-with-wallnut-raisins_140725-3912.jpg", imageAlt: "Harira Soup"},
{
id: "prod-5",
name: "Authentic Moroccan Mint Tea",
price: "€5.00",
imageSrc: "http://img.b2bpic.net/free-photo/arabic-tea-glasses-with-teapots-table_23-2148088385.jpg",
imageAlt: "Authentic Moroccan Mint Tea",
},
id: "prod-5", name: "Authentic Moroccan Mint Tea", price: "€5.00", imageSrc: "http://img.b2bpic.net/free-photo/arabic-tea-glasses-with-teapots-table_23-2148088385.jpg", imageAlt: "Authentic Moroccan Mint Tea"},
{
id: "prod-6",
name: "Assorted Moroccan Pastries",
price: "€7.50",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-arrangement_23-2149637409.jpg",
imageAlt: "Assorted Moroccan Pastries",
},
id: "prod-6", name: "Assorted Moroccan Pastries", price: "€7.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-arrangement_23-2149637409.jpg", imageAlt: "Assorted Moroccan Pastries"},
]}
title="Our Exquisite Moroccan Menu"
description="Explore a delightful array of traditional Moroccan dishes, from aromatic tagines to savory couscous and sweet pastries. Each dish is a celebration of flavor and heritage."
@@ -197,59 +132,34 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "feat-1",
title: "Generational Recipes",
subtitle: "Taste the heritage in every bite with recipes perfected over generations.",
category: "Tradition",
value: "Authenticity",
},
id: "feat-1", title: "Signature Dishes", subtitle: "Hand-crafted tagines, aromatic couscous, and unique pastries.", category: "Cuisine", value: "Taste & Tradition"},
{
id: "feat-2",
title: "Hand-Picked Ingredients",
subtitle: "Only the freshest, highest quality ingredients make it into our kitchen.",
category: "Quality",
value: "Freshness",
},
id: "feat-2", title: "Private Dining", subtitle: "Exclusive spaces for intimate gatherings and special occasions.", category: "Service", value: "Personalized Experience"},
{
id: "feat-3",
title: "A Cozy Moroccan Ambiance",
subtitle: "Immerse yourself in a warm, inviting setting that transports you to Tetuan.",
category: "Experience",
value: "Hospitality",
},
id: "feat-3", title: "Cultural Events", subtitle: "Enjoy live music, storytelling, and themed Moroccan nights.", category: "Atmosphere", value: "Immersive Experience"},
]}
title="Why Dine at Snack Tetuan?"
description="Discover what makes Snack Tetuan a unique and beloved destination for Moroccan cuisine. We pride ourselves on tradition, quality, and an unforgettable dining experience."
title="Experience Snack Tetuan Beyond the Plate"
description="We offer more than just exquisite food; we provide an authentic cultural experience with every visit."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Snack Tetuan offers an incredible culinary experience. The tagines are flavorful, and the atmosphere is wonderfully authentic. A true gem!"
testimonial="Dining at Snack Tetuan was like a trip to Morocco itself! The flavors were authentic, the service was impeccable, and the ambiance was truly enchanting. Highly recommend the lamb tagine!"
rating={5}
author="Amina Zahra, Local Food Critic"
author="Sarah J., Food Blogger"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
alt: "Amina Zahra",
},
src: "http://img.b2bpic.net/free-photo/young-african-american-woman-isolated-white-background-happy-smiling-showing-thumb-up_1368-245846.jpg", alt: "Sarah J., Food Blogger"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586560.jpg",
alt: "Omar Bakali",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-handsome-man-with-black-t-shirt-white-background_140725-103606.jpg", alt: "Omar K., Local Resident"},
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-holding-blank-screen-mobile-phone-while-standing-showing-ok-gesture-isolated-white-background_231208-1833.jpg",
alt: "Fatima El-Amrani",
},
src: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-posing_23-2149021200.jpg", alt: "Priya S., Culinary Tourist"},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
alt: "Tariq Mansour",
},
src: "http://img.b2bpic.net/free-photo/happy-young-male-chef-white-uniform-standing-arms-crossed-restaurant-kitchen_179666-41838.jpg", alt: "Chef Antoine, Guest Chef"},
{
src: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5863.jpg",
alt: "Satisfied customer in restaurant",
},
src: "http://img.b2bpic.net/free-photo/happy-african-american-man-making-selfie_23-2148785089.jpg", alt: "David L., Regular Customer"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -261,16 +171,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Local Food Critic",
"City Tourism Board",
"Moroccan Cultural Center",
"International Food Magazine",
"Local Business Alliance",
"Healthy Eating Guide",
"Culinary Arts Institute",
]}
title="Our Valued Partners & Recognitions"
description="We're proud to be featured in local guides and supported by community organizations who share our passion for authentic Moroccan culture and cuisine."
"The Gourmet Gazette", "Taste of the World Magazine", "Local Eats Blog", "Chef's Choice Awards", "TripAdvisor Excellence", "Healthy Dining Guide", "City Food Festival"]}
title="Recognized for Authentic Moroccan Cuisine"
description="We are honored by the praise and partnerships from leading food critics, culinary publications, and local community organizations."
/>
</div>
@@ -280,33 +183,18 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Do you offer vegetarian or vegan options?",
content: "Yes, we offer a variety of delicious vegetarian and vegan dishes, including our popular vegetable tagine and couscous. Please inform our staff of any dietary preferences.",
},
id: "faq-1", title: "What kind of cuisine does Snack Tetuan offer?", content: "Snack Tetuan specializes in authentic Moroccan cuisine, offering traditional dishes like flavorful tagines, aromatic couscous, and a variety of Moroccan pastries, all prepared with fresh, high-quality ingredients."},
{
id: "faq-2",
title: "Can I make a reservation?",
content: "Absolutely! We highly recommend making a reservation, especially for dinner and weekend visits, to ensure you get a table. You can book directly through our website or by calling us.",
},
id: "faq-2", title: "Do you have gluten-free options?", content: "We strive to accommodate all dietary needs. While not a completely gluten-free kitchen, we offer several naturally gluten-free dishes and can modify others upon request. Please consult with your server."},
{
id: "faq-3",
title: "Do you cater for events?",
content: "Yes, Snack Tetuan offers catering services for private events, corporate gatherings, and special occasions. Please contact us to discuss your specific needs and our catering menu options.",
},
id: "faq-3", title: "Is there outdoor seating available?", content: "Yes, we have a charming outdoor patio where you can enjoy your meal during warmer weather. It's perfect for a relaxed dining experience. We recommend reserving an outdoor table in advance."},
{
id: "faq-4",
title: "What are your opening hours?",
content: "We are open Monday to Saturday from 12:00 PM to 10:00 PM. We are closed on Sundays. Please check our website for any special holiday hours.",
},
id: "faq-4", title: "Can I host a private event or party at Snack Tetuan?", content: "Absolutely! Our restaurant offers beautiful spaces suitable for private events, celebrations, and corporate gatherings. Please contact our events coordinator to discuss packages and availability."},
{
id: "faq-5",
title: "Is your restaurant family-friendly?",
content: "Yes, Snack Tetuan is a family-friendly restaurant. We welcome guests of all ages and offer a comfortable atmosphere for families to enjoy a meal together.",
},
id: "faq-5", title: "Do you offer cooking classes for Moroccan cuisine?", content: "We occasionally host special Moroccan cooking workshops led by our expert chefs. Keep an eye on our website or social media for announcements on upcoming classes!"},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our restaurant, menu, and reservation process."
title="Your Questions, Answered"
description="Everything you need to know about dining at Snack Tetuan, from our menu offerings to reservations and special events."
faqsAnimation="opacity"
/>
</div>
@@ -315,20 +203,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Experience Moroccan Hospitality"
description="Ready to savor authentic Moroccan cuisine? We invite you to join us for an unforgettable dining experience. Reserve your table or contact us for any inquiries."
variant: "plain"}}
tag="Connect With Us"
title="Plan Your Moroccan Dining Experience"
description="Whether you're looking to make a reservation, inquire about catering, or simply have a question, our team is here to assist you. Reach out today!"
buttons={[
{
text: "Make a Reservation",
href: "#",
},
text: "Book a Table", href: "#"},
{
text: "View Location & Hours",
href: "#",
},
text: "Send Us a Message", href: "#"},
]}
/>
</div>
@@ -337,58 +220,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Menu",
items: [
title: "Explore", items: [
{
label: "Tagines",
href: "#menu",
},
label: "Our Menu", href: "#menu"},
{
label: "Couscous",
href: "#menu",
},
label: "Our Story", href: "#about"},
{
label: "Pastries",
href: "#menu",
},
label: "Events", href: "#features"},
{
label: "Beverages",
href: "#menu",
},
label: "Guest Reviews", href: "#testimonials"},
],
},
{
title: "About Us",
items: [
title: "Visit Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Make a Reservation", href: "#contact"},
{
label: "Why Choose Us",
href: "#features",
},
label: "Location & Hours", href: "#contact"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Catering Inquiries", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Privacy Policy", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}