6 Commits

Author SHA1 Message Date
9ee09d81fa Update src/app/layout.tsx 2026-03-09 04:51:02 +00:00
93b1bb2ea9 Update src/app/page.tsx 2026-03-09 04:50:14 +00:00
5d004be9a9 Update src/app/layout.tsx 2026-03-09 04:50:14 +00:00
16b24f12db Merge version_1 into main
Merge version_1 into main
2026-03-09 04:33:24 +00:00
5905c18a03 Merge version_1 into main
Merge version_1 into main
2026-03-09 04:32:39 +00:00
b1c864e02e Merge version_1 into main
Merge version_1 into main
2026-03-09 04:31:23 +00:00
2 changed files with 80 additions and 1467 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -10,7 +10,7 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen"; import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactFaq from "@/components/sections/contact/ContactFaq"; import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Award, Check, Clock, Coffee, Droplets, Heart, Leaf, MessageCircle, Palette, Smile, Sparkles, Star, Utensils, Users, Zap } from "lucide-react"; import { Award, Check, Clock, Coffee, Droplets, Heart, Leaf, MapPin, MessageCircle, Palette, Smile, Sparkles, Star, Utensils, Users, Zap } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,39 +28,38 @@ export default function LandingPage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
brandName="OKTI'S" brandName="Teyeb Délice"
navItems={[ navItems={[
{ name: "About", id: "about" },
{ name: "Menu", id: "features" }, { name: "Menu", id: "features" },
{ name: "Reviews", id: "testimonials" }, { name: "Reviews", id: "testimonials" },
{ name: "Hours", id: "contact" }, { name: "Location", id: "contact" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
button={{ text: "Reserve Now", href: "#contact" }} button={{ text: "Reserve Now", href: "https://wa.me/212661284751" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
title="Welcome to Café OKTI'S" title="Welcome to Teyeb Délice"
description="Experience authentic Moroccan café culture in the heart of Tangier. From traditional P'tit Dej Marocain to decadent Crêpes Nutella, every moment is crafted for your delight." description="Experience the finest bakery and café culture in Tangier. From traditional Moroccan breakfast to decadent pastries and specialty beverages, every moment is crafted for your delight."
background={{ variant: "plain" }} background={{ variant: "plain" }}
kpis={[ kpis={[
{ value: "4.5★", label: "Customer Rating" }, { value: "4.3★", label: "Rating" },
{ value: "71+", label: "Reviews" }, { value: "108+", label: "Reviews" },
{ value: "Since 2010", label: "Trusted Since" }, { value: "50-100 MAD", label: "Per Person" },
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
tag="Moroccan Café" tag="Moroccan Bakery & Café"
tagIcon={Coffee} tagIcon={Coffee}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "View Menu", href: "#features" }, { text: "View Menu", href: "#features" },
{ text: "Reserve Table", href: "#contact" }, { text: "Reserve Table", href: "https://wa.me/212661284751" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=1"
imageAlt="Moroccan café cozy interior with traditional seating" imageAlt="Teyeb Délice café interior with warm ambiance"
mediaAnimation="slide-up" mediaAnimation="slide-up"
imagePosition="right" imagePosition="right"
/> />
@@ -68,12 +67,12 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
title="Café OKTI'S has been the heart of Tangier's café culture, serving authentic Moroccan breakfast and innovative beverages since 2010. Our commitment to quality ingredients and warm hospitality creates unforgettable moments for every guest." title="Teyeb Délice has become Tangier's premier destination for authentic Moroccan bakery and café experiences. Since opening, we've committed ourselves to serving the finest pastries, traditional breakfast items, and innovative beverages with unmatched hospitality."
metrics={[ metrics={[
{ icon: Users, label: "Happy Customers Daily", value: "200+" }, { icon: Users, label: "Satisfied Customers", value: "200+" },
{ icon: Star, label: "Average Rating", value: "4.5/5" }, { icon: Star, label: "Average Rating", value: "4.3/5" },
{ icon: MessageCircle, label: "Location", value: "Tangier" }, { icon: MapPin, label: "Location", value: "Tangier" },
{ icon: Clock, label: "Years Operating", value: "15+" }, { icon: Clock, label: "Hours", value: "7 AM Daily" },
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
@@ -82,8 +81,8 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTen <FeatureCardTen
title="Our Specialty Menu" title="Our Signature Menu"
description="Discover the signature items that have made Café OKTI'S a local favorite. Each dish is prepared with care and the finest ingredients." description="Discover the featured items that have made Teyeb Délice a beloved local favorite. Each dish is prepared with care using the finest ingredients."
tag="Featured Items" tag="Featured Items"
tagIcon={Utensils} tagIcon={Utensils}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -92,35 +91,35 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "1", title: "P'tit Dej Marocain", description: "Traditional Moroccan breakfast featuring warm bread, local cheese, olives, and mint tea. The perfect way to start your day.", media: { id: "1", title: "P'tit Dej Marocain", description: "Traditional Moroccan breakfast featuring warm msemen bread, local cheese, fresh olives, and aromatic mint tea. The perfect authentic start to your day.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-spanish-tortilla-still-life_23-2150246015.jpg?_wi=1", imageAlt: "Traditional Moroccan breakfast spread" imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-spanish-tortilla-still-life_23-2150246015.jpg?_wi=1", imageAlt: "Traditional Moroccan breakfast spread"
}, },
items: [ items: [
{ icon: Leaf, text: "Organic ingredients" }, { icon: Leaf, text: "Fresh local ingredients" },
{ icon: Clock, text: "Served fresh daily" }, { icon: Clock, text: "Served warm daily" },
{ icon: Heart, text: "Customer favorite" }, { icon: Heart, text: "Customer favorite" },
], ],
reverse: false, reverse: false,
}, },
{ {
id: "2", title: "Crêpes Nutella", description: "Delicate French-style crêpes filled with creamy Nutella and topped with fresh fruit. A sweet indulgence that melts in your mouth.", media: { id: "2", title: "Crêpes Nutella", description: "Delicate French-style crêpes generously filled with creamy Nutella and topped with fresh berries. A sweet indulgence that melts in your mouth.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pancakes-dark-blue-background-honey-morning-pie-cake-breakfast-milk-dessert-sweet_179666-46739.jpg?_wi=1", imageAlt: "Nutella-filled crêpes with fresh toppings" imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pancakes-dark-blue-background-honey-morning-pie-cake-breakfast-milk-dessert-sweet_179666-46739.jpg?_wi=1", imageAlt: "Nutella-filled crêpes with fresh fruit"
}, },
items: [ items: [
{ icon: Sparkles, text: "Decadent taste" }, { icon: Sparkles, text: "Decadent creamy flavor" },
{ icon: Coffee, text: "Perfect with coffee" }, { icon: Coffee, text: "Perfect with coffee" },
{ icon: Smile, text: "All-time best seller" }, { icon: Smile, text: "Best seller" },
], ],
reverse: true, reverse: true,
}, },
{ {
id: "3", title: "Cheesecake Citron", description: "Homemade cheesecake with refreshing citron and panaché avocat toppings. Fruity, creamy, and absolutely delightful.", media: { id: "3", title: "Cheesecake Citron Panaché Avocat Fruits Sec", description: "Homemade cheesecake infused with refreshing citron, topped with creamy avocado mousse and a medley of dried fruits. A sophisticated and refreshing dessert.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-cake-sour-delicious-exotic-bakery-cake-sweet-dark-desk_140725-15709.jpg", imageAlt: "Lemon cheesecake with fruit garnish" imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-cake-sour-delicious-exotic-bakery-cake-sweet-dark-desk_140725-15709.jpg", imageAlt: "Citron cheesecake with avocado and dried fruits"
}, },
items: [ items: [
{ icon: Zap, text: "Fresh citrus flavor" }, { icon: Zap, text: "Fresh citrus notes" },
{ icon: Palette, text: "Artistic presentation" }, { icon: Palette, text: "Artistic presentation" },
{ icon: Sparkles, text: "Refreshingly light" }, { icon: Sparkles, text: "Perfectly balanced" },
], ],
reverse: false, reverse: false,
}, },
@@ -131,7 +130,7 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
title="Premium Beverages" title="Premium Beverages"
description="Refresh yourself with our signature drinks crafted to perfection." description="Refresh yourself with our signature drinks, crafted with premium ingredients and served with passion."
tag="Signature Drinks" tag="Signature Drinks"
tagIcon={Droplets} tagIcon={Droplets}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -141,7 +140,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", name: "Redbull Mojito", price: "85 د.م.", variant: "Energizing Mix", imageSrc: "http://img.b2bpic.net/free-photo/iced-cocktails-drinking-glass-with-sea-beach_74190-6990.jpg", imageAlt: "Redbull Mojito cocktail with ice and mint", isFavorited: false, id: "1", name: "Redbull Mojito", price: "85 د.م.", variant: "Energizing Mix", imageSrc: "http://img.b2bpic.net/free-photo/iced-cocktails-drinking-glass-with-sea-beach_74190-6990.jpg", imageAlt: "Redbull Mojito with fresh mint and ice", isFavorited: false,
}, },
{ {
id: "2", name: "Moroccan Mint Tea", price: "35 د.م.", variant: "Traditional Fresh", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=2", imageAlt: "Traditional Moroccan mint tea", isFavorited: false, id: "2", name: "Moroccan Mint Tea", price: "35 د.م.", variant: "Traditional Fresh", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=2", imageAlt: "Traditional Moroccan mint tea", isFavorited: false,
@@ -155,8 +154,8 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
title="Why Choose OKTI'S" title="Why Choose Teyeb Délice"
description="Discover what makes us the preferred café destination in Tangier." description="Discover what makes us Tangier's preferred bakery and café destination."
tag="Our Achievements" tag="Our Achievements"
tagIcon={Award} tagIcon={Award}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -165,13 +164,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "1", value: "15+", title: "Years of Excellence", description: "Serving authentic café culture", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-break-from-work-outside-table_23-2148666426.jpg", imageAlt: "Café exterior storefront" id: "1", value: "4.3", title: "Star Rating", description: "Consistently excellent customer feedback", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-break-from-work-outside-table_23-2148666426.jpg", imageAlt: "Café exterior storefront"
}, },
{ {
id: "2", value: "71+", title: "Customer Reviews", description: "Consistently high ratings", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=3", imageAlt: "Satisfied customers enjoying café" id: "2", value: "108+", title: "Customer Reviews", description: "Trusted by hundreds of satisfied guests", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=3", imageAlt: "Happy customers enjoying café"
}, },
{ {
id: "3", value: "100%", title: "Fresh Ingredients", description: "Daily sourced quality items", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-spanish-tortilla-still-life_23-2150246015.jpg?_wi=2", imageAlt: "Fresh ingredients preparation" id: "3", value: "100%", title: "Fresh Ingredients", description: "Quality items sourced daily", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-spanish-tortilla-still-life_23-2150246015.jpg?_wi=2", imageAlt: "Fresh ingredients preparation"
}, },
]} ]}
/> />
@@ -180,8 +179,8 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
title="What Our Guests Say" title="What Our Guests Say"
description="Join thousands of satisfied customers who have experienced the warmth of Café OKTI'S." description="Join our community of satisfied customers who have experienced the warmth and excellence of Teyeb Délice."
tag="Customer Testimonials" tag="Customer Reviews (4.3★, 108 reviews)"
tagIcon={MessageCircle} tagIcon={MessageCircle}
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -197,34 +196,26 @@ export default function LandingPage() {
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-coffee-shop_23-2148263261.jpg", imageAlt: "Business owner testimonial" imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-coffee-shop_23-2148263261.jpg", imageAlt: "Business owner testimonial"
}, },
{ {
id: "3", name: "Sophie Martin", role: "Tourist", company: "Visiting France", rating: 5, id: "3", name: "Sophie Martin", role: "Tourist", company: "Visiting from France", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624091.jpg", imageAlt: "Tourist guest portrait" imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624091.jpg", imageAlt: "Tourist guest portrait"
}, },
{ {
id: "4", name: "Muhammad Al-Rashid", role: "Food Critic", company: "Local Media", rating: 5, id: "4", name: "Muhammad Al-Rashid", role: "Food Critic", company: "Local Media", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/easy-wireless-yechnology-payment_23-2149105182.jpg", imageAlt: "Food critic testimonial" imageSrc: "http://img.b2bpic.net/free-photo/easy-wireless-yechnology-payment_23-2149105182.jpg", imageAlt: "Food critic testimonial"
}, },
{
id: "5", name: "Yasmin Benabdi", role: "Student", company: "Tangier University", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149250126.jpg", imageAlt: "Student customer portrait"
},
{
id: "6", name: "Marco Rossi", role: "Photographer", company: "Travel Magazine", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-having-fun_23-2149104413.jpg", imageAlt: "Photographer testimonial"
},
]} ]}
kpiItems={[ kpiItems={[
{ value: "4.5★", label: "Average Rating" }, { value: "4.3★", label: "Average Rating" },
{ value: "71+", label: "Total Reviews" }, { value: "108+", label: "Total Reviews" },
{ value: "98%", label: "Recommend Rate" }, { value: "98%", label: "Recommend" },
]} ]}
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactFaq <ContactFaq
ctaTitle="Visit Us or Call" ctaTitle="Visit Us Today"
ctaDescription="Stop by our café in beautiful Tangier or reach out via WhatsApp for reservations and inquiries." ctaDescription="Located at 24 Av. Tariq Ibn Ziad, Tangier 90060. Open daily from 7 AM. Reserve your table via WhatsApp for group bookings or special requests."
ctaButton={{ ctaButton={{
text: "WhatsApp: 06 61 28 47 51", href: "https://wa.me/212661284751" text: "WhatsApp: 06 61 28 47 51", href: "https://wa.me/212661284751"
}} }}
@@ -234,19 +225,19 @@ export default function LandingPage() {
accordionAnimationType="smooth" accordionAnimationType="smooth"
faqs={[ faqs={[
{ {
id: "1", title: "What are your opening hours?", content: "We open at 7:00 AM daily. Check our website for holiday hours or call ahead for special requests." id: "1", title: "What are your hours of operation?", content: "We open daily at 7:00 AM. Check our WhatsApp for holiday hours or special closures. Call ahead for late-night requests."
}, },
{ {
id: "2", title: "Do you have WiFi and seating for groups?", content: "Yes! We welcome groups and have comfortable seating throughout our café. WiFi is available for all guests. Contact us for group reservations." id: "2", title: "Where is Teyeb Délice located?", content: "We're located at 24 Av. Tariq Ibn Ziad, Tangier 90060. Easy street parking available. Convenient location in the heart of Tangier."
}, },
{ {
id: "3", title: "Can I pre-order or make reservations?", content: "Absolutely! You can reach us via WhatsApp at 06 61 28 47 51 to pre-order items or reserve seating. We're happy to accommodate special requests." id: "3", title: "What's your price range?", content: "Our pricing ranges from 50-100 MAD per person, depending on menu selections. We offer options for every budget while maintaining premium quality."
}, },
{ {
id: "4", title: "What's the best time to visit for quiet atmosphere?", content: "Early mornings (7-9 AM) are typically quieter and perfect for a peaceful breakfast. Peak hours are usually mid-morning and early afternoon." id: "4", title: "Can I make reservations or pre-order?", content: "Absolutely! Contact us via WhatsApp at 06 61 28 47 51 to reserve seating for groups or pre-order items. We welcome special requests and dietary preferences."
}, },
{ {
id: "5", title: "Do you offer delivery or catering?", content: "Contact us via WhatsApp to inquire about delivery and catering options. We're flexible and love working with special requests!" id: "5", title: "Do you have WiFi and suitable seating for groups?", content: "Yes! We provide complimentary WiFi and have comfortable seating arrangements for groups. Contact us in advance for group reservations to ensure the best experience."
}, },
]} ]}
/> />
@@ -254,20 +245,20 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
logoText="OKTI'S" logoText="Teyeb Délice"
columns={[ columns={[
{ {
items: [ items: [
{ label: "Home", href: "#hero" }, { label: "Home", href: "/" },
{ label: "About", href: "#about" },
{ label: "Menu", href: "#features" }, { label: "Menu", href: "#features" },
{ label: "Reviews", href: "#testimonials" },
], ],
}, },
{ {
items: [ items: [
{ label: "Reviews", href: "#testimonials" }, { label: "Location", href: "#contact" },
{ label: "Hours & Location", href: "#contact" }, { label: "Hours", href: "#contact" },
{ label: "Contact Us", href: "#contact" }, { label: "Pricing", href: "#contact" },
], ],
}, },
{ {