Merge version_1_1781899810377 into main #1
@@ -9,191 +9,98 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Since 2005"
|
||||
title="Experience the Soul of Tangier"
|
||||
description="Premium coffee, fresh pastries, and authentic atmosphere in the heart of the city."
|
||||
primaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-machine-cup_23-2148892820.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-cup-coffee_23-2147765433.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-muffins_23-2148337171.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barista-leveling-coffee-level-machine-cup_23-2148523052.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-blurred-background_23-2148164926.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Since 2005"
|
||||
title="Experience the Soul of Tangier"
|
||||
description="Premium coffee, fresh pastries, and authentic atmosphere in the heart of the city."
|
||||
primaryButton={{ text: "View Menu", href: "#menu" }}
|
||||
secondaryButton={{ text: "Visit Us", href: "#contact" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-machine-cup_23-2148892820.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-holding-cup-coffee_23-2147765433.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-muffins_23-2148337171.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barista-leveling-coffee-level-machine-cup_23-2148523052.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-blurred-background_23-2148164926.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="A Tradition of Taste"
|
||||
descriptions={[
|
||||
"Located at 7 Baie de Tanger, Café Cappuccino serves as a bridge between tradition and modern café culture.",
|
||||
"Our beans are roasted to perfection and our kitchen crafts authentic dishes that bring the spirit of Tangier to your table.",
|
||||
"Whether it's your morning coffee or a late-night dessert, we welcome you to our cozy sanctuary.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="A Tradition of Taste"
|
||||
descriptions={[
|
||||
"Located at 7 Baie de Tanger, Café Cappuccino serves as a bridge between tradition and modern café culture.", "Our beans are roasted to perfection and our kitchen crafts authentic dishes that bring the spirit of Tangier to your table.", "Whether it's your morning coffee or a late-night dessert, we welcome you to our cozy sanctuary."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="Signature Selections"
|
||||
title="Our Menu"
|
||||
description="From fresh Mediterranean breakfasts to signature Tagliatelle and artisan desserts."
|
||||
items={[
|
||||
{
|
||||
title: "Cappuccino",
|
||||
description: "Our signature blend, smooth and rich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2134.jpg",
|
||||
},
|
||||
{
|
||||
title: "Crêpe Nutella",
|
||||
description: "Classic, warm, and indulgent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-chocolate-butter-walnuts_140725-6289.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tagliatelle Fruit De Mer",
|
||||
description: "Fresh seafood pasta delight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-seafood-black-plate_84443-94611.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pizza Margarita",
|
||||
description: "Traditional stone-baked perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-pizza-salami-with-tomato-sauce-green-chili-pepper-spices_140725-12584.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ice Coffee",
|
||||
description: "Refreshing chilled pick-me-up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfinished-milkshake-with-chocolate-mug-with-spoon_114579-33802.jpg",
|
||||
},
|
||||
{
|
||||
title: "Omelet",
|
||||
description: "Freshly prepared breakfast eggs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-breakfast-with-tomatoes-coffee_23-2148352389.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ensalada de Frutas",
|
||||
description: "Crisp, seasonal fruit selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beetroot-salad-with-sauce-mayonnaise-pomegranate-wooden-board_140725-10137.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Signature Selections"
|
||||
title="Our Menu"
|
||||
description="From fresh Mediterranean breakfasts to signature Tagliatelle and artisan desserts."
|
||||
items={[
|
||||
{ title: "Cappuccino", description: "Our signature blend, smooth and rich.", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2134.jpg" },
|
||||
{ title: "Crêpe Nutella", description: "Classic, warm, and indulgent.", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-chocolate-butter-walnuts_140725-6289.jpg" },
|
||||
{ title: "Tagliatelle Fruit De Mer", description: "Fresh seafood pasta delight.", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-seafood-black-plate_84443-94611.jpg" },
|
||||
{ title: "Pizza Margarita", description: "Traditional stone-baked perfection.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-pizza-salami-with-tomato-sauce-green-chili-pepper-spices_140725-12584.jpg" },
|
||||
{ title: "Ice Coffee", description: "Refreshing chilled pick-me-up.", imageSrc: "http://img.b2bpic.net/free-photo/unfinished-milkshake-with-chocolate-mug-with-spoon_114579-33802.jpg" },
|
||||
{ title: "Omelet", description: "Freshly prepared breakfast eggs.", imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-breakfast-with-tomatoes-coffee_23-2148352389.jpg" },
|
||||
{ title: "Ensalada de Frutas", description: "Crisp, seasonal fruit selection.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beetroot-salad-with-sauce-mayonnaise-pomegranate-wooden-board_140725-10137.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Customer Stories"
|
||||
title="What Our Guests Say"
|
||||
description="Join thousands of satisfied visitors who call our café their home away from home."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mohammed Alsabhan",
|
||||
role: "Local Guide",
|
||||
quote: "The coffee session is very beautiful and the atmosphere is relaxing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "M.F",
|
||||
role: "Foodie",
|
||||
quote: "High-end, beautiful restaurant with delicious food. Recommend the beef burger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ahmed Asiri",
|
||||
role: "Traveler",
|
||||
quote: "A special place in Tangier, quiet and beautiful with excellent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah",
|
||||
role: "Local",
|
||||
quote: "The best place to unwind after work. The staff is wonderful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David",
|
||||
role: "Tourist",
|
||||
quote: "Great atmosphere, nice outdoor area, and excellent Cappuccino.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-dark-haired-caucasian-woman-sunglasses-black-dress-laughing_176420-4613.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Customer Stories"
|
||||
title="What Our Guests Say"
|
||||
description="Join thousands of satisfied visitors who call our café their home away from home."
|
||||
testimonials={[
|
||||
{ name: "Mohammed Alsabhan", role: "Local Guide", quote: "The coffee session is very beautiful and the atmosphere is relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg" },
|
||||
{ name: "M.F", role: "Foodie", quote: "High-end, beautiful restaurant with delicious food. Recommend the beef burger.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg" },
|
||||
{ name: "Ahmed Asiri", role: "Traveler", quote: "A special place in Tangier, quiet and beautiful with excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg" },
|
||||
{ name: "Sarah", role: "Local", quote: "The best place to unwind after work. The staff is wonderful.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg" },
|
||||
{ name: "David", role: "Tourist", quote: "Great atmosphere, nice outdoor area, and excellent Cappuccino.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-dark-haired-caucasian-woman-sunglasses-black-dress-laughing_176420-4613.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Need Help?"
|
||||
title="Common Questions"
|
||||
description="Find answers to our service hours, location, and policies."
|
||||
items={[
|
||||
{
|
||||
question: "What are your opening hours?",
|
||||
answer: "We are open daily until 2:00 AM.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer smoking areas?",
|
||||
answer: "Yes, we have a dedicated smoking section available for our guests.",
|
||||
},
|
||||
{
|
||||
question: "Do you provide delivery?",
|
||||
answer: "Yes, we offer contactless delivery services in the surrounding area.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Need Help?"
|
||||
title="Common Questions"
|
||||
description="Find answers to our service hours, location, and policies."
|
||||
items={[
|
||||
{ question: "What are your opening hours?", answer: "We are open daily until 2:00 AM." },
|
||||
{ question: "Do you offer smoking areas?", answer: "Yes, we have a dedicated smoking section available for our guests." },
|
||||
{ question: "Do you provide delivery?", answer: "Yes, we offer contactless delivery services in the surrounding area." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Ready for an exceptional coffee experience? Find us in Tangier or call to reserve your table."
|
||||
primaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Us",
|
||||
href: "tel:+212",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Visit Us"
|
||||
text="Ready for an exceptional coffee experience? Find us in Tangier or call to reserve your table."
|
||||
primaryButton={{ text: "Get Directions", href: "#" }}
|
||||
secondaryButton={{ text: "Call Us", href: "tel:+212" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user