Merge version_2 into main #2
333
src/app/page.tsx
333
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Simple Coffee"
|
||||
/>
|
||||
@@ -55,70 +43,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Rabat's Favorite Calm Oasis"
|
||||
description="Discover Simple Coffee, where exceptional specialty coffee meets a peaceful workspace. Perfect for studying, professional meetings, or unwinding with friends."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.3",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "1-50 MAD",
|
||||
label: "Affordable Price",
|
||||
},
|
||||
{
|
||||
value: "Cozy",
|
||||
label: "Vibe",
|
||||
},
|
||||
{ value: "4.3", label: "Google Rating" },
|
||||
{ value: "1-50 MAD", label: "Affordable Price" },
|
||||
{ value: "Cozy", label: "Vibe" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
alt: "Person in a cafe enjoying a book",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg",
|
||||
alt: "Medium shot woman sitting at table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg",
|
||||
alt: "Close up on young adult enjoying warm drink",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/warm-cup-tea-rainy-afternoon-steam-rising-soft-golden-light-that-filters-through-rainstreaked-windows_73899-27535.jpg",
|
||||
alt: "A warm cup of tea on a rainy afternoon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-21917.jpg",
|
||||
alt: "A young woman in a blue hoodie enjoys coffee",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", alt: "Person in a cafe enjoying a book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg", alt: "Medium shot woman sitting at table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg", alt: "Close up on young adult enjoying warm drink" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/warm-cup-tea-rainy-afternoon-steam-rising-soft-golden-light-that-filters-through-rainstreaked-windows_73899-27535.jpg", alt: "A warm cup of tea on a rainy afternoon" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-21917.jpg", alt: "A young woman in a blue hoodie enjoys coffee" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted Beans",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Speed Wi-Fi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Study Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily",
|
||||
},
|
||||
{ type: "text", text: "Locally Roasted Beans" },
|
||||
{ type: "text", text: "High Speed Wi-Fi" },
|
||||
{ type: "text", text: "Study Friendly" },
|
||||
{ type: "text", text: "Professional Atmosphere" },
|
||||
{ type: "text", text: "Open Daily" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,18 +78,9 @@ export default function LandingPage() {
|
||||
title="More Than Just a Café"
|
||||
description="Simple Coffee is designed to be your home away from home. We pride ourselves on creating a serene, well-lit environment where creativity flows. Whether you need a place to finish your project or just want to enjoy a caramel macchiato in peace, we've created the space for you."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Quiet Workspace",
|
||||
description: "No TVs, no distractions. Just the ideal environment for focus.",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted Drinks",
|
||||
description: "Expertly brewed specialty coffee and our famous caramel macchiato.",
|
||||
},
|
||||
{
|
||||
title: "Comfort Guaranteed",
|
||||
description: "Equipped with AC for summer and decent Wi-Fi for your productivity.",
|
||||
},
|
||||
{ title: "Quiet Workspace", description: "No TVs, no distractions. Just the ideal environment for focus." },
|
||||
{ title: "Handcrafted Drinks", description: "Expertly brewed specialty coffee and our famous caramel macchiato." },
|
||||
{ title: "Comfort Guaranteed", description: "Equipped with AC for summer and decent Wi-Fi for your productivity." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -154,42 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Productive Environment",
|
||||
author: "Coffee Team",
|
||||
description: "Designed for students and professionals to excel.",
|
||||
tags: [
|
||||
"Quiet",
|
||||
"AC",
|
||||
"Wi-Fi",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Handcrafted Quality",
|
||||
author: "Barista",
|
||||
description: "Using the finest beans for every cup.",
|
||||
tags: [
|
||||
"Fresh",
|
||||
"Quality",
|
||||
"Artisanal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup_74190-4018.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Refined Ambiance",
|
||||
author: "Ownership",
|
||||
description: "A smoke-free, peaceful space for everyone.",
|
||||
tags: [
|
||||
"Cozy",
|
||||
"Smoke-free",
|
||||
"Well-lit",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg?_wi=1",
|
||||
},
|
||||
{ id: "f1", title: "Productive Environment", author: "Coffee Team", description: "Designed for students and professionals to excel.", tags: ["Quiet", "AC", "Wi-Fi"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg?_wi=1" },
|
||||
{ id: "f2", title: "Handcrafted Quality", author: "Barista", description: "Using the finest beans for every cup.", tags: ["Fresh", "Quality", "Artisanal"], imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup_74190-4018.jpg?_wi=1" },
|
||||
{ id: "f3", title: "Refined Ambiance", author: "Ownership", description: "A smoke-free, peaceful space for everyone.", tags: ["Cozy", "Smoke-free", "Well-lit"], imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg?_wi=1" }
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="From classic espressos to creative iced beverages, every drink is made with love and precision."
|
||||
@@ -203,42 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Iced Latte",
|
||||
price: "25 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Espresso",
|
||||
price: "15 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244124.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cappuccino",
|
||||
price: "20 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee-with-coffee-beans-wooden-board-high-quality-photo_114579-67874.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Americano",
|
||||
price: "18 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-book-high-angle_23-2148877590.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mocha",
|
||||
price: "22 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7518.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Matcha Latte",
|
||||
price: "28 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-7645.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Iced Latte", price: "25 MAD", imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg" },
|
||||
{ id: "p2", name: "Espresso", price: "15 MAD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244124.jpg" },
|
||||
{ id: "p3", name: "Cappuccino", price: "20 MAD", imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee-with-coffee-beans-wooden-board-high-quality-photo_114579-67874.jpg" },
|
||||
{ id: "p4", name: "Americano", price: "18 MAD", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-book-high-angle_23-2148877590.jpg" },
|
||||
{ id: "p5", name: "Mocha", price: "22 MAD", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7518.jpg" },
|
||||
{ id: "p6", name: "Matcha Latte", price: "28 MAD", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-7645.jpg" }
|
||||
]}
|
||||
title="Popular Choices"
|
||||
description="Explore the beverages our regulars love the most."
|
||||
@@ -249,15 +125,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Community Hub",
|
||||
"Student Favorite",
|
||||
"Professional Retreat",
|
||||
"Coffee Connoisseurs",
|
||||
"Rabat Regulars",
|
||||
"Creative Minds",
|
||||
"Tech Innovators",
|
||||
]}
|
||||
names={["Community Hub", "Student Favorite", "Professional Retreat", "Coffee Connoisseurs", "Rabat Regulars", "Creative Minds", "Tech Innovators"]}
|
||||
title="Loved by the Rabat Community"
|
||||
description="Join the many students and professionals who make us their daily sanctuary."
|
||||
/>
|
||||
@@ -268,61 +136,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Adam Sett",
|
||||
date: "4 months ago",
|
||||
title: "Excellent Vibe",
|
||||
quote: "The ambiance is just beautiful.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you_1258-198994.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer drinking coffee",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mounir Zouina",
|
||||
date: "1 year ago",
|
||||
title: "Great AC & Internet",
|
||||
quote: "Friendly staff, AC works great!",
|
||||
tag: "Local Guide",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer drinking coffee",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hicham Fdaili",
|
||||
date: "7 months ago",
|
||||
title: "Perfect for Discussion",
|
||||
quote: "Ideal for talking with clients.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-determined-female-leader-focuses-expanding-enterprise_482257-117036.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer drinking coffee",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah R.",
|
||||
date: "3 months ago",
|
||||
title: "Studying Haven",
|
||||
quote: "My favorite place to work.",
|
||||
tag: "Student",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-excited-young-woman-dressed-white-jacket-is-using-smartphone-headphones-while-is-drinking-coffee-city-lights-background-high-quality-photo_291650-844.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup_74190-4018.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer drinking coffee",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Yassine B.",
|
||||
date: "2 months ago",
|
||||
title: "Delicious Macchiato",
|
||||
quote: "Consistently excellent coffee.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer drinking coffee",
|
||||
},
|
||||
{ id: "1", name: "Adam Sett", date: "4 months ago", title: "Excellent Vibe", quote: "The ambiance is just beautiful.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you_1258-198994.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg?_wi=2", imageAlt: "satisfied customer drinking coffee" },
|
||||
{ id: "2", name: "Mounir Zouina", date: "1 year ago", title: "Great AC & Internet", quote: "Friendly staff, AC works great!", tag: "Local Guide", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg?_wi=2", imageAlt: "satisfied customer drinking coffee" },
|
||||
{ id: "3", name: "Hicham Fdaili", date: "7 months ago", title: "Perfect for Discussion", quote: "Ideal for talking with clients.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-determined-female-leader-focuses-expanding-enterprise_482257-117036.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg?_wi=2", imageAlt: "satisfied customer drinking coffee" },
|
||||
{ id: "4", name: "Sarah R.", date: "3 months ago", title: "Studying Haven", quote: "My favorite place to work.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/happy-excited-young-woman-dressed-white-jacket-is-using-smartphone-headphones-while-is-drinking-coffee-city-lights-background-high-quality-photo_291650-844.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup_74190-4018.jpg?_wi=2", imageAlt: "satisfied customer drinking coffee" },
|
||||
{ id: "5", name: "Yassine B.", date: "2 months ago", title: "Delicious Macchiato", quote: "Consistently excellent coffee.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg?_wi=2", imageAlt: "satisfied customer drinking coffee" }
|
||||
]}
|
||||
title="Hear From Our Regulars"
|
||||
description="We are proud to be a part of your daily routine."
|
||||
@@ -333,26 +151,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you pet friendly?",
|
||||
content: "We love pets, but please keep them on a leash.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer contactless delivery.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it a smoke-free zone?",
|
||||
content: "Yes, 100% non-smoking.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are there power outlets?",
|
||||
content: "Yes, plenty of outlets available.",
|
||||
},
|
||||
{ id: "q1", title: "Are you pet friendly?", content: "We love pets, but please keep them on a leash." },
|
||||
{ id: "q2", title: "Do you offer delivery?", content: "Yes, we offer contactless delivery." },
|
||||
{ id: "q3", title: "Is it a smoke-free zone?", content: "Yes, 100% non-smoking." },
|
||||
{ id: "q4", title: "Are there power outlets?", content: "Yes, plenty of outlets available." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -363,8 +165,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us Today"
|
||||
title="Ready for your next coffee break?"
|
||||
description="Find us at 35 Rue Aguelmane Sidi Ali, Rabat."
|
||||
@@ -375,50 +176,30 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "À propos", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Infos pratiques", items: [
|
||||
{ label: "35 Rue Aguelmane Sidi Ali, Rabat", href: "#" },
|
||||
{ label: "Ouvert 7j/7 - 08h00 à 22h00", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Suivez-nous", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com/simplecoffee" },
|
||||
{ label: "Facebook", href: "https://facebook.com/simplecoffee" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Simple Coffee"
|
||||
copyrightText="© 2025 Simple Coffee. All rights reserved."
|
||||
copyrightText="© 2025 Simple Coffee. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user