bender/dc1bb2d7-3369-4544-a300-ea229d54b57b
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-03-09 04:50:14 +00:00
parent 5d004be9a9
commit 93b1bb2ea9
1 changed files with 56 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactFaq from "@/components/sections/contact/ContactFaq";
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() {
return (
@@ -28,39 +28,38 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="OKTI'S"
brandName="Teyeb Délice"
navItems={[
{ name: "About", id: "about" },
{ name: "Menu", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Hours", id: "contact" },
{ name: "Location", id: "contact" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Reserve Now", href: "#contact" }}
button={{ text: "Reserve Now", href: "https://wa.me/212661284751" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Welcome to Café OKTI'S"
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."
title="Welcome to Teyeb Délice"
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" }}
kpis={[
{ value: "4.5★", label: "Customer Rating" },
{ value: "71+", label: "Reviews" },
{ value: "Since 2010", label: "Trusted Since" },
{ value: "4.3★", label: "Rating" },
{ value: "108+", label: "Reviews" },
{ value: "50-100 MAD", label: "Per Person" },
]}
enableKpiAnimation={true}
tag="Moroccan Café"
tag="Moroccan Bakery & Café"
tagIcon={Coffee}
tagAnimation="slide-up"
buttons={[
{ text: "View Menu", href: "#features" },
{ text: "Reserve Table", href: "#contact" },
{ text: "Reserve Table", href: "https://wa.me/212661284751" },
]}
buttonAnimation="slide-up"
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"
imagePosition="right"
/>
@@ -68,12 +67,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<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={[
{ icon: Users, label: "Happy Customers Daily", value: "200+" },
{ icon: Star, label: "Average Rating", value: "4.5/5" },
{ icon: MessageCircle, label: "Location", value: "Tangier" },
{ icon: Clock, label: "Years Operating", value: "15+" },
{ icon: Users, label: "Satisfied Customers", value: "200+" },
{ icon: Star, label: "Average Rating", value: "4.3/5" },
{ icon: MapPin, label: "Location", value: "Tangier" },
{ icon: Clock, label: "Hours", value: "7 AM Daily" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -82,8 +81,8 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardTen
title="Our Specialty 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."
title="Our Signature Menu"
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"
tagIcon={Utensils}
tagAnimation="slide-up"
@@ -92,35 +91,35 @@ export default function LandingPage() {
useInvertedBackground={false}
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"
},
items: [
{ icon: Leaf, text: "Organic ingredients" },
{ icon: Clock, text: "Served fresh daily" },
{ icon: Leaf, text: "Fresh local ingredients" },
{ icon: Clock, text: "Served warm daily" },
{ icon: Heart, text: "Customer favorite" },
],
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: {
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"
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 fruit"
},
items: [
{ icon: Sparkles, text: "Decadent taste" },
{ icon: Sparkles, text: "Decadent creamy flavor" },
{ icon: Coffee, text: "Perfect with coffee" },
{ icon: Smile, text: "All-time best seller" },
{ icon: Smile, text: "Best seller" },
],
reverse: true,
},
{
id: "3", title: "Cheesecake Citron", description: "Homemade cheesecake with refreshing citron and panaché avocat toppings. Fruity, creamy, and absolutely delightful.", 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"
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: "Citron cheesecake with avocado and dried fruits"
},
items: [
{ icon: Zap, text: "Fresh citrus flavor" },
{ icon: Zap, text: "Fresh citrus notes" },
{ icon: Palette, text: "Artistic presentation" },
{ icon: Sparkles, text: "Refreshingly light" },
{ icon: Sparkles, text: "Perfectly balanced" },
],
reverse: false,
},
@@ -131,7 +130,7 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardFour
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"
tagIcon={Droplets}
tagAnimation="slide-up"
@@ -141,7 +140,7 @@ export default function LandingPage() {
useInvertedBackground={false}
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,
@@ -155,8 +154,8 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Why Choose OKTI'S"
description="Discover what makes us the preferred café destination in Tangier."
title="Why Choose Teyeb Délice"
description="Discover what makes us Tangier's preferred bakery and café destination."
tag="Our Achievements"
tagIcon={Award}
tagAnimation="slide-up"
@@ -165,13 +164,13 @@ export default function LandingPage() {
useInvertedBackground={false}
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">
<TestimonialCardSixteen
title="What Our Guests Say"
description="Join thousands of satisfied customers who have experienced the warmth of Café OKTI'S."
tag="Customer Testimonials"
description="Join our community of satisfied customers who have experienced the warmth and excellence of Teyeb Délice."
tag="Customer Reviews (4.3★, 108 reviews)"
tagIcon={MessageCircle}
tagAnimation="slide-up"
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"
},
{
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"
},
{
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"
},
{
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={[
{ value: "4.5★", label: "Average Rating" },
{ value: "71+", label: "Total Reviews" },
{ value: "98%", label: "Recommend Rate" },
{ value: "4.3★", label: "Average Rating" },
{ value: "108+", label: "Total Reviews" },
{ value: "98%", label: "Recommend" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Visit Us or Call"
ctaDescription="Stop by our café in beautiful Tangier or reach out via WhatsApp for reservations and inquiries."
ctaTitle="Visit Us Today"
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={{
text: "WhatsApp: 06 61 28 47 51", href: "https://wa.me/212661284751"
}}
@@ -234,19 +225,19 @@ export default function LandingPage() {
accordionAnimationType="smooth"
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">
<FooterLogoEmphasis
logoText="OKTI'S"
logoText="Teyeb Délice"
columns={[
{
items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Home", href: "/" },
{ label: "Menu", href: "#features" },
{ label: "Reviews", href: "#testimonials" },
],
},
{
items: [
{ label: "Reviews", href: "#testimonials" },
{ label: "Hours & Location", href: "#contact" },
{ label: "Contact Us", href: "#contact" },
{ label: "Location", href: "#contact" },
{ label: "Hours", href: "#contact" },
{ label: "Pricing", href: "#contact" },
],
},
{