Merge version_3 into main #6
@@ -1,12 +1,12 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const metadata: Metadata = {
|
||||
title: "Teyeb Délice - Bakery & Café in Tangier", description: "Experience authentic Moroccan bakery and café culture at Teyeb Délice. Fresh pastries, traditional breakfast, and specialty beverages in the heart of Tangier."
|
||||
};
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export { metadata };
|
||||
export const metadata: Metadata = {
|
||||
title: "Café OKTI'S - Moroccan Café in Tangier", description: "Experience authentic Moroccan café culture at Café OKTI'S in Tangier. Serving traditional breakfast, specialty drinks, and homemade pastries since 2010."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -19,21 +19,20 @@ export default function RootLayout({
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
try {
|
||||
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
document.documentElement.classList.add('dark')
|
||||
(function() {
|
||||
const isDark = localStorage.getItem('theme-mode') === 'dark' || (!localStorage.getItem('theme-mode') && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
||||
if (isDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
} else {
|
||||
document.documentElement.classList.remove('dark')
|
||||
document.documentElement.classList.remove('dark');
|
||||
}
|
||||
} catch (e) {}
|
||||
})();
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
</head>
|
||||
<body className="bg-background text-foreground transition-colors duration-300">
|
||||
<ServiceWrapper>
|
||||
{children}
|
||||
</ServiceWrapper>
|
||||
<body className={inter.className}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
@@ -1405,7 +1404,3 @@ export default function RootLayout({
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
function ServiceWrapper({ children }: { children: React.ReactNode }) {
|
||||
return <>{children}</>;
|
||||
}
|
||||
|
||||
121
src/app/page.tsx
121
src/app/page.tsx
@@ -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, MapPin, MessageCircle, Palette, Smile, Sparkles, Star, Utensils, Users, Zap } from "lucide-react";
|
||||
import { Award, Check, Clock, Coffee, Droplets, Heart, Leaf, MessageCircle, Palette, Smile, Sparkles, Star, Utensils, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,38 +28,39 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Teyeb Délice"
|
||||
brandName="OKTI'S"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Location", id: "contact" },
|
||||
{ name: "Hours", id: "contact" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Reserve Now", href: "https://wa.me/212661284751" }}
|
||||
button={{ text: "Reserve Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
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."
|
||||
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."
|
||||
background={{ variant: "plain" }}
|
||||
kpis={[
|
||||
{ value: "4.3★", label: "Rating" },
|
||||
{ value: "108+", label: "Reviews" },
|
||||
{ value: "50-100 MAD", label: "Per Person" },
|
||||
{ value: "4.5★", label: "Customer Rating" },
|
||||
{ value: "71+", label: "Reviews" },
|
||||
{ value: "Since 2010", label: "Trusted Since" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Moroccan Bakery & Café"
|
||||
tag="Moroccan Café"
|
||||
tagIcon={Coffee}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#features" },
|
||||
{ text: "Reserve Table", href: "https://wa.me/212661284751" },
|
||||
{ text: "Reserve Table", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg?_wi=1"
|
||||
imageAlt="Teyeb Délice café interior with warm ambiance"
|
||||
imageAlt="Moroccan café cozy interior with traditional seating"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
@@ -67,12 +68,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
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."
|
||||
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."
|
||||
metrics={[
|
||||
{ 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" },
|
||||
{ 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+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -81,8 +82,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
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."
|
||||
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."
|
||||
tag="Featured Items"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
@@ -91,35 +92,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: {
|
||||
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: {
|
||||
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: "Fresh local ingredients" },
|
||||
{ icon: Clock, text: "Served warm daily" },
|
||||
{ icon: Leaf, text: "Organic ingredients" },
|
||||
{ icon: Clock, text: "Served fresh daily" },
|
||||
{ icon: Heart, text: "Customer favorite" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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"
|
||||
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"
|
||||
},
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Decadent creamy flavor" },
|
||||
{ icon: Sparkles, text: "Decadent taste" },
|
||||
{ icon: Coffee, text: "Perfect with coffee" },
|
||||
{ icon: Smile, text: "Best seller" },
|
||||
{ icon: Smile, text: "All-time best seller" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
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"
|
||||
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"
|
||||
},
|
||||
items: [
|
||||
{ icon: Zap, text: "Fresh citrus notes" },
|
||||
{ icon: Zap, text: "Fresh citrus flavor" },
|
||||
{ icon: Palette, text: "Artistic presentation" },
|
||||
{ icon: Sparkles, text: "Perfectly balanced" },
|
||||
{ icon: Sparkles, text: "Refreshingly light" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -130,7 +131,7 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Premium Beverages"
|
||||
description="Refresh yourself with our signature drinks, crafted with premium ingredients and served with passion."
|
||||
description="Refresh yourself with our signature drinks crafted to perfection."
|
||||
tag="Signature Drinks"
|
||||
tagIcon={Droplets}
|
||||
tagAnimation="slide-up"
|
||||
@@ -140,7 +141,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 with fresh mint and ice", 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 cocktail with ice and mint", 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,
|
||||
@@ -154,8 +155,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Why Choose Teyeb Délice"
|
||||
description="Discover what makes us Tangier's preferred bakery and café destination."
|
||||
title="Why Choose OKTI'S"
|
||||
description="Discover what makes us the preferred café destination in Tangier."
|
||||
tag="Our Achievements"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
@@ -164,13 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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: "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: "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: "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: "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"
|
||||
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"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -179,8 +180,8 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Guests Say"
|
||||
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)"
|
||||
description="Join thousands of satisfied customers who have experienced the warmth of Café OKTI'S."
|
||||
tag="Customer Testimonials"
|
||||
tagIcon={MessageCircle}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -196,26 +197,34 @@ 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 from France", rating: 5,
|
||||
id: "3", name: "Sophie Martin", role: "Tourist", company: "Visiting 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.3★", label: "Average Rating" },
|
||||
{ value: "108+", label: "Total Reviews" },
|
||||
{ value: "98%", label: "Recommend" },
|
||||
{ value: "4.5★", label: "Average Rating" },
|
||||
{ value: "71+", label: "Total Reviews" },
|
||||
{ value: "98%", label: "Recommend Rate" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
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."
|
||||
ctaTitle="Visit Us or Call"
|
||||
ctaDescription="Stop by our café in beautiful Tangier or reach out via WhatsApp for reservations and inquiries."
|
||||
ctaButton={{
|
||||
text: "WhatsApp: 06 61 28 47 51", href: "https://wa.me/212661284751"
|
||||
}}
|
||||
@@ -225,19 +234,19 @@ export default function LandingPage() {
|
||||
accordionAnimationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
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: "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: "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: "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: "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: "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: "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: "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: "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."
|
||||
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!"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -245,20 +254,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Teyeb Délice"
|
||||
logoText="OKTI'S"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#features" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Location", href: "#contact" },
|
||||
{ label: "Hours", href: "#contact" },
|
||||
{ label: "Pricing", href: "#contact" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
{ label: "Hours & Location", href: "#contact" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user