Merge version_1 into main #2
@@ -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, Lemon, 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 (
|
||||
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -44,7 +44,7 @@ export default function LandingPage() {
|
||||
<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."
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
kpis={[
|
||||
{ value: "4.5★", label: "Customer Rating" },
|
||||
{ value: "71+", label: "Reviews" },
|
||||
@@ -59,7 +59,7 @@ export default function LandingPage() {
|
||||
{ text: "Reserve Table", href: "#contact" },
|
||||
]}
|
||||
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"
|
||||
imageAlt="Moroccan café cozy interior with traditional seating"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
@@ -72,7 +72,7 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{ icon: Users, label: "Happy Customers Daily", value: "200+" },
|
||||
{ icon: Star, label: "Average Rating", value: "4.5/5" },
|
||||
{ icon: MapPin, label: "Location", value: "Tangier" },
|
||||
{ icon: MessageCircle, label: "Location", value: "Tangier" },
|
||||
{ icon: Clock, label: "Years Operating", value: "15+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -93,7 +93,8 @@ export default function LandingPage() {
|
||||
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: {
|
||||
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", imageAlt: "Traditional Moroccan breakfast spread"
|
||||
},
|
||||
items: [
|
||||
{ icon: Leaf, text: "Organic ingredients" },
|
||||
{ icon: Clock, text: "Served fresh daily" },
|
||||
@@ -103,7 +104,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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", imageAlt: "Nutella-filled crêpes with fresh toppings"
|
||||
},
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Decadent taste" },
|
||||
{ icon: Coffee, text: "Perfect with coffee" },
|
||||
@@ -113,11 +115,12 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
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"},
|
||||
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: Lemon, text: "Fresh citrus flavor" },
|
||||
{ icon: Zap, text: "Fresh citrus flavor" },
|
||||
{ icon: Palette, text: "Artistic presentation" },
|
||||
{ icon: Zap, text: "Refreshingly light" },
|
||||
{ icon: Sparkles, text: "Refreshingly light" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -141,10 +144,10 @@ export default function LandingPage() {
|
||||
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,
|
||||
id: "2", name: "Moroccan Mint Tea", price: "35 د.م.", variant: "Traditional Fresh", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg", imageAlt: "Traditional Moroccan mint tea", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Fresh Orange Juice", price: "40 د.م.", variant: "Freshly Pressed", 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=2", imageAlt: "Fresh squeezed orange juice", isFavorited: false,
|
||||
id: "3", name: "Fresh Orange Juice", price: "40 د.م.", variant: "Freshly Pressed", 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", imageAlt: "Fresh squeezed orange juice", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -162,11 +165,14 @@ 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: "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: "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: "71+", title: "Customer Reviews", description: "Consistently high ratings", imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg", imageAlt: "Satisfied 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: "Daily sourced quality items", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-spanish-tortilla-still-life_23-2150246015.jpg", imageAlt: "Fresh ingredients preparation"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,22 +190,28 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Fatima Al-Hadri", role: "Regular Guest", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-restaurant_23-2148172648.jpg", imageAlt: "Satisfied customer portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-restaurant_23-2148172648.jpg", imageAlt: "Satisfied customer portrait"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Ahmed Hassan", role: "Business Owner", company: "Tangier Entrepreneur", rating: 5,
|
||||
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,
|
||||
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,
|
||||
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"},
|
||||
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"},
|
||||
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" },
|
||||
@@ -214,22 +226,28 @@ export default function LandingPage() {
|
||||
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"}}
|
||||
text: "WhatsApp: 06 61 28 47 51", href: "https://wa.me/212661284751"
|
||||
}}
|
||||
ctaIcon={MessageCircle}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
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 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: "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: "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: "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: "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: "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: "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 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 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!"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user