bender/69c4d7ef-6706-4ea5-953d-d5ad824a5ef9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-28 10:47:47 +00:00
parent 3698cf3eb2 0836b69679
commit 38d8726443
4 changed files with 89 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/layout.tsx
View File

@@ -11,27 +11,19 @@ import { Open_Sans } from "next/font/google";
export const metadata: Metadata = {
title: 'Tacos Magic Oulfa - Authentic Fast Food Tacos in Casablanca',
description: 'Discover Tacos Magic Oulfa, serving delicious fast food tacos with 5-star ratings in Casablanca. Order online for delivery or visit us for a magical culinary experience!',
keywords: ["Tacos Magic Oulfa, fast food, tacos, Casablanca, Morocco, delivery, menu, reviews, Oulfa, restaurant"],
title: 'Tacos Magic Oulfa - Tacos de restauration rapide authentiques à Casablanca',
description: 'Découvrez Tacos Magic Oulfa, servant de délicieux tacos de restauration rapide avec une note de 5 étoiles à Casablanca. Commandez en ligne pour la livraison ou visitez-nous pour une expérience culinaire magique !',
keywords: ["Tacos Magic Oulfa", "fast food", "tacos", "Casablanca", "Maroc", "livraison", "menu", "avis", "Oulfa", "restaurant"],
openGraph: {
"title": "Tacos Magic Oulfa - Authentic Fast Food Tacos in Casablanca",
"description": "Discover Tacos Magic Oulfa, serving delicious fast food tacos with 5-star ratings in Casablanca. Order online for delivery or visit us for a magical culinary experience!",
"url": "https://www.tacosmagicoulfa.com",
"siteName": "Tacos Magic Oulfa",
"images": [
"title": "Tacos Magic Oulfa - Tacos de restauration rapide authentiques à Casablanca", "description": "Découvrez Tacos Magic Oulfa, servant de délicieux tacos de restauration rapide avec une note de 5 étoiles à Casablanca. Commandez en ligne pour la livraison ou visitez-nous pour une expérience culinaire magique !", "url": "https://www.tacosmagicoulfa.com", "siteName": "Tacos Magic Oulfa", "images": [
{
"url": "http://img.b2bpic.net/free-photo/tacos-plate-near-napkin-sauces_23-2148132057.jpg",
"alt": "Delicious Tacos Plate at Tacos Magic Oulfa"
"url": "http://img.b2bpic.net/free-photo/tacos-plate-near-napkin-sauces_23-2148132057.jpg", "alt": "Assiette de délicieux tacos chez Tacos Magic Oulfa"
}
],
"type": "website"
},
twitter: {
"card": "summary_large_image",
"title": "Tacos Magic Oulfa - Authentic Fast Food Tacos in Casablanca",
"description": "Discover Tacos Magic Oulfa, serving delicious fast food tacos with 5-star ratings in Casablanca. Order online for delivery or visit us for a magical culinary experience!",
"images": [
"card": "summary_large_image", "title": "Tacos Magic Oulfa - Tacos de restauration rapide authentiques à Casablanca", "description": "Découvrez Tacos Magic Oulfa, servant de délicieux tacos de restauration rapide avec une note de 5 étoiles à Casablanca. Commandez en ligne pour la livraison ou visitez-nous pour une expérience culinaire magique !", "images": [
"http://img.b2bpic.net/free-photo/tacos-plate-near-napkin-sauces_23-2148132057.jpg"
]
},
@@ -42,8 +34,7 @@ export const metadata: Metadata = {
};
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
variable: "--font-open-sans", subsets: ["latin"],
});
export default function RootLayout({
@@ -52,7 +43,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<html lang="fr" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${openSans.variable} antialiased`}>
<Tag />
@@ -66,4 +57,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

283
src/app/page.tsx
View File

@@ -34,103 +34,63 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Deals",
id: "#deals",
},
name: "Deals", id: "#deals"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/burger-disposal-cup-sauce-bottle-french-fries-food-parcel-white-background_23-2147904845.jpg"
logoAlt="Tacos Magic Oulfa Logo"
brandName="Tacos Magic Oulfa"
button={{
text: "Order Online",
href: "https://www.glovoapp.com",
}}
text: "Order Online", href: "https://www.glovoapp.com"}}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Tacos Magic Oulfa"
description="Authentic Tacos & Fast Food Delivered Fresh to Your Door in Casablanca!"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-person-presenting-new-year-2023_1048-17589.jpg",
alt: "Happy Customer Sarah",
},
src: "http://img.b2bpic.net/free-photo/young-person-presenting-new-year-2023_1048-17589.jpg", alt: "Happy Customer Sarah"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
alt: "Happy Customer Omar",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Happy Customer Omar"},
{
src: "http://img.b2bpic.net/free-vector/smiley-avatars-with-flat-design_23-2147678859.jpg",
alt: "Happy Customer Fatima",
},
src: "http://img.b2bpic.net/free-vector/smiley-avatars-with-flat-design_23-2147678859.jpg", alt: "Happy Customer Fatima"},
{
src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-emotive-young-african-american-guy-with-afro-hairstyle-bristle-smiling-broadly-while-wearing-denim-coat-backpack-walking-across-park-festival_176420-19819.jpg",
alt: "Happy Customer Kenza",
},
src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-emotive-young-african-american-guy-with-afro-hairstyle-bristle-smiling-broadly-while-wearing-denim-coat-backpack-walking-across-park-festival_176420-19819.jpg", alt: "Happy Customer Kenza"},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556780.jpg",
alt: "Smiling Person Avatar",
},
src: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556780.jpg", alt: "Smiling Person Avatar"},
]}
avatarText="Loved by 9+ happy customers with a 5.0-star rating!"
buttons={[
{
text: "Order Online",
href: "https://www.glovoapp.com",
},
text: "Order Online", href: "https://www.glovoapp.com"},
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/tacos-plate-near-napkin-sauces_23-2148132057.jpg",
alt: "Delicious Tacos Plate",
},
type: "image", src: "http://img.b2bpic.net/free-photo/tacos-plate-near-napkin-sauces_23-2148132057.jpg", alt: "Delicious Tacos Plate"},
{
type: "text",
text: "Fresh Ingredients",
},
type: "text", text: "Fresh Ingredients"},
{
type: "text",
text: "Fast Delivery",
},
type: "text", text: "Fast Delivery"},
{
type: "text",
text: "Unbeatable Taste",
},
type: "text", text: "Unbeatable Taste"},
{
type: "text",
text: "5-Star Rated",
},
type: "text", text: "5-Star Rated"},
{
type: "text",
text: "Moroccan Flavors",
},
type: "text", text: "Moroccan Flavors"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -144,17 +104,11 @@ export default function LandingPage() {
description="At Tacos Magic Oulfa, we believe in crafting more than just fast food—we create experiences. Every taco is a blend of fresh ingredients, authentic flavors, and a touch of magic. Come taste the difference!"
metrics={[
{
value: "5.0",
title: "Star Rating",
},
value: "5.0", title: "Star Rating"},
{
value: "9+",
title: "Happy Reviews",
},
value: "9+", title: "Happy Reviews"},
{
value: "Open Daily",
title: "Until 01:00 AM",
},
value: "Open Daily", title: "Until 01:00 AM"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cheff-cutting-pineapple-into-slices-burning-leafy-top_140725-4958.jpg"
imageAlt="Chef preparing tacos"
@@ -171,47 +125,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Classic Beef Taco",
price: "60 MAD",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-wooden-table_123827-19988.jpg",
imageAlt: "Classic Beef Taco",
id: "1", name: "Classic Beef Taco", price: "60 MAD", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-wooden-table_123827-19988.jpg", imageAlt: "Classic Beef Taco"},
{
id: "2", name: "Spicy Chicken Taco", price: "65 MAD", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048009.jpg", imageAlt: "Spicy Chicken Taco"},
{
id: "3", name: "Veggie Delight Burrito", price: "55 MAD", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-burrito-grilled-chicken-fillet-with-rice-wrapped-tortilla-fresh-cucumber-tomato-carrot-lettuce-plate_141793-4820.jpg", imageAlt: "Veggie Delight Burrito"},
{
id: "4", name: "Magic Cheeseburger", price: "75 MAD", imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-burger-with-cheese-green-salad-along-with-ketchup-mustard-wooden-table_140725-26306.jpg", imageAlt: "Magic Cheeseburger"},
{
id: "5", name: "Golden Fries", price: "25 MAD", imageSrc: "http://img.b2bpic.net/free-photo/steel-basket-french-fries-plain-grey-background_140725-1670.jpg", imageAlt: "Golden Fries"},
{
id: "6", name: "Chocolate Milkshake", price: "35 MAD", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4417.jpg", imageAlt: "Chocolate Milkshake"},
{
id: "7", name: "Couscous (Friday Special)", price: "80 MAD", imageSrc: "http://img.b2bpic.net/free-photo/moroccan-couscous_23-2149591147.jpg", imageAlt: "Couscous"
},
{
id: "2",
name: "Spicy Chicken Taco",
price: "65 MAD",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048009.jpg",
imageAlt: "Spicy Chicken Taco",
},
{
id: "3",
name: "Veggie Delight Burrito",
price: "55 MAD",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-burrito-grilled-chicken-fillet-with-rice-wrapped-tortilla-fresh-cucumber-tomato-carrot-lettuce-plate_141793-4820.jpg",
imageAlt: "Veggie Delight Burrito",
},
{
id: "4",
name: "Magic Cheeseburger",
price: "75 MAD",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-burger-with-cheese-green-salad-along-with-ketchup-mustard-wooden-table_140725-26306.jpg",
imageAlt: "Magic Cheeseburger",
},
{
id: "5",
name: "Golden Fries",
price: "25 MAD",
imageSrc: "http://img.b2bpic.net/free-photo/steel-basket-french-fries-plain-grey-background_140725-1670.jpg",
imageAlt: "Golden Fries",
},
{
id: "6",
name: "Chocolate Milkshake",
price: "35 MAD",
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4417.jpg",
imageAlt: "Chocolate Milkshake",
},
id: "8", name: "Rfissa (Wednesday Special)", price: "70 MAD", imageSrc: "http://img.b2bpic.net/free-photo/rfissa-moroccan-dish_23-2149021643.jpg", imageAlt: "Rfissa"
}
]}
title="Our Flavorful Menu"
description="Explore a world of taste with our diverse selection of signature tacos, hearty burgers, and delightful sides, all made with the freshest ingredients."
@@ -225,59 +155,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "solo",
badge: "Popular",
badgeIcon: Sparkles,
price: "90 MAD",
name: "Solo Magic Meal",
buttons: [
id: "solo", badge: "Popular", badgeIcon: Sparkles,
price: "90 MAD", name: "Solo Magic Meal", buttons: [
{
text: "Order Now",
href: "https://www.glovoapp.com",
},
text: "Order Now", href: "https://www.glovoapp.com"},
],
features: [
"1 Taco of Choice",
"Small Fries",
"1 Soft Drink",
],
"1 Taco of Choice", "Small Fries", "1 Soft Drink"],
},
{
id: "duo",
badge: "Best Value",
badgeIcon: Sparkles,
price: "160 MAD",
name: "Duo Delight Feast",
buttons: [
id: "duo", badge: "Best Value", badgeIcon: Sparkles,
price: "160 MAD", name: "Duo Delight Feast", buttons: [
{
text: "Order Now",
href: "https://www.glovoapp.com",
},
text: "Order Now", href: "https://www.glovoapp.com"},
],
features: [
"2 Tacos of Choice",
"Medium Fries",
"2 Soft Drinks",
],
"2 Tacos of Choice", "Medium Fries", "2 Soft Drinks"],
},
{
id: "family",
badge: "Family Pack",
badgeIcon: Sparkles,
price: "280 MAD",
name: "Family Taco Party",
buttons: [
id: "family", badge: "Family Pack", badgeIcon: Sparkles,
price: "280 MAD", name: "Family Taco Party", buttons: [
{
text: "Order Now",
href: "https://www.glovoapp.com",
},
text: "Order Now", href: "https://www.glovoapp.com"},
],
features: [
"4 Tacos of Choice",
"Large Fries",
"4 Soft Drinks",
"1 Dessert",
],
"4 Tacos of Choice", "Large Fries", "4 Soft Drinks", "1 Dessert"],
},
]}
title="Combo Deals for Every Craving"
@@ -292,20 +194,11 @@ export default function LandingPage() {
tag="Our Commitments"
metrics={[
{
id: "1",
value: "5.0",
description: "Average Customer Rating",
},
id: "1", value: "5.0", description: "Average Customer Rating"},
{
id: "2",
value: "9+",
description: "Positive Reviews",
},
id: "2", value: "9+", description: "Positive Reviews"},
{
id: "3",
value: "Fresh",
description: "Daily Sourced Ingredients",
},
id: "3", value: "Fresh", description: "Daily Sourced Ingredients"},
]}
metricsAnimation="slide-up"
/>
@@ -319,25 +212,15 @@ export default function LandingPage() {
author="Sarah L."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-eats-hot-dog-cafe-terrace_169016-55849.jpg",
alt: "Sarah L.",
},
src: "http://img.b2bpic.net/free-photo/young-woman-eats-hot-dog-cafe-terrace_169016-55849.jpg", alt: "Sarah L."},
{
src: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-potato-cips-soda-blue-surface_140725-31526.jpg",
alt: "Ahmed K.",
},
src: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-potato-cips-soda-blue-surface_140725-31526.jpg", alt: "Ahmed K."},
{
src: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",
alt: "Nadia B.",
},
src: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg", alt: "Nadia B."},
{
src: "http://img.b2bpic.net/free-photo/woman-with-food-package_23-2148869394.jpg",
alt: "Mehdi R.",
},
src: "http://img.b2bpic.net/free-photo/woman-with-food-package_23-2148869394.jpg", alt: "Mehdi R."},
{
src: "http://img.b2bpic.net/free-photo/group-friends-fast-food-restaurant-eating-cheeseburgers_23-2148718872.jpg",
alt: "Layla T.",
},
src: "http://img.b2bpic.net/free-photo/group-friends-fast-food-restaurant-eating-cheeseburgers_23-2148718872.jpg", alt: "Layla T."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -349,14 +232,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Glovo",
"Instagram Foodies",
"Casablanca Eats",
"Local Food Guide",
"Moroccan Culinary",
"Food Critics Choice",
"Delivery Partners",
]}
"Glovo", "Instagram Foodies", "Casablanca Eats", "Local Food Guide", "Moroccan Culinary", "Food Critics Choice", "Delivery Partners"]}
title="Featured & Loved By Many"
description="Our commitment to quality and flavor has earned us a loyal following and recognition across Casablanca."
speed={40}
@@ -370,25 +246,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What are your opening hours?",
content: "We are open daily from morning until 01:00 AM. Please note that hours may vary on public holidays like Eid al-Adha.",
},
id: "1", title: "What are your opening hours?", content: "We are open daily from morning until 01:00 AM. Please note that hours may vary on public holidays like Eid al-Adha."},
{
id: "2",
title: "Do you offer home delivery?",
content: "Yes, we offer convenient home delivery! You can easily place your order through Glovoapp.com or by calling us directly at 06 74 55 27 20.",
},
id: "2", title: "Do you offer home delivery?", content: "Yes, we offer convenient home delivery! You can easily place your order through Glovoapp.com or by calling us directly at 06 74 55 27 20."},
{
id: "3",
title: "What payment methods do you accept?",
content: "We accept cash on delivery and various online payment methods through our delivery partners like Glovo. Please check the app for specific options.",
},
id: "3", title: "What payment methods do you accept?", content: "We accept cash on delivery and various online payment methods through our delivery partners like Glovo. Please check the app for specific options."},
{
id: "4",
title: "Where are you located in Casablanca?",
content: "You can find us at G7WW+H2W résidence abouab oulfa, Rte Moulay Thami, Casablanca 20250, in the Oulfa area.",
},
id: "4", title: "Where are you located in Casablanca?", content: "You can find us at G7WW+H2W résidence abouab oulfa, Rte Moulay Thami, Casablanca 20250, in the Oulfa area."},
]}
title="Hungry for Answers?"
description="Find quick answers to your most common questions about Tacos Magic Oulfa, from ordering to delivery."
@@ -401,18 +265,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
text="Ready to experience the magic? Visit us, call us, or order online for the best tacos in Casablanca!"
buttons={[
{
text: "Order Online",
href: "https://www.glovoapp.com",
},
text: "Order Online", href: "https://www.glovoapp.com"},
{
text: "Call Us: 06 74 55 27 20",
href: "tel:+212674552720",
},
text: "Call Us: 06 74 55 27 20", href: "tel:+212674552720"},
]}
/>
</div>
@@ -423,16 +282,12 @@ export default function LandingPage() {
logoAlt="Tacos Magic Oulfa Logo"
logoText="Tacos Magic Oulfa"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-open-sans), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-open-sans), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fbfaff;
--card: #f7f5ff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--primary-cta-text: #fbfaff;
--secondary-cta: #ffffff;
--secondary-cta-text: #0f0022;
--accent: #d8cef5;
--background-accent: #c4a8f9;
--background: #FFF8F0;
--card: #FDF4E7;
--foreground: #4A2B1A;
--primary-cta: #E05B27;
--primary-cta-text: #ffffff;
--secondary-cta: #6B8E23;
--secondary-cta-text: #1a202c;
--accent: #F5B041;
--background-accent: #FAECE0;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);