Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 04dac66fe0 | |||
| 288d5ebd53 | |||
| fb446c8f62 | |||
| ea5a9b5251 |
211
src/app/page.tsx
211
src/app/page.tsx
@@ -31,89 +31,56 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Café Bourguiba"
|
||||
brandName="Down Town"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Coffee Culture in the Heart of Tunis"
|
||||
description="Experience tradition and warmth on Avenue Habib Bourguiba. Fresh brews, local vibes, and timeless moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-work-together-using-various-gadgets-having-conversation_627829-5231.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-senior-man-holding-smartphone_23-2149356843.jpg",
|
||||
alt: "Local visitor enjoying morning espresso",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-senior-man-holding-smartphone_23-2149356843.jpg", alt: "Local visitor enjoying morning espresso"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-cafe-breakfast-advertising-banner_166373-2882.jpg",
|
||||
alt: "Customer relaxing on the terrace",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-cafe-breakfast-advertising-banner_166373-2882.jpg", alt: "Customer relaxing on the terrace"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-age-businesswoman-with-long-brown-hair-sunglasses-holds-smartphone-while-sitting-outdoor-cafe_613910-6150.jpg",
|
||||
alt: "Professional catching up on work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-age-businesswoman-with-long-brown-hair-sunglasses-holds-smartphone-while-sitting-outdoor-cafe_613910-6150.jpg", alt: "Professional catching up on work"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos-man_23-2148966587.jpg",
|
||||
alt: "Student enjoying a quiet break",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos-man_23-2148966587.jpg", alt: "Student enjoying a quiet break"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-latin-woman-enjoying-drinking-cup-coffee-coffee-shop_58466-16247.jpg",
|
||||
alt: "Regular visitor smiling with coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-latin-woman-enjoying-drinking-cup-coffee-coffee-shop_58466-16247.jpg", alt: "Regular visitor smiling with coffee"},
|
||||
]}
|
||||
avatarText="Join our growing community of coffee lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
type: "text", text: "Freshly Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Ingredients",
|
||||
},
|
||||
type: "text", text: "Local Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Atmosphere",
|
||||
},
|
||||
type: "text", text: "Authentic Atmosphere"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tunis Heritage",
|
||||
},
|
||||
type: "text", text: "Tunis Heritage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Brewing",
|
||||
},
|
||||
type: "text", text: "Quality Brewing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,17 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story",
|
||||
},
|
||||
type: "text", content: "Our Story"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg"},
|
||||
{
|
||||
type: "text",
|
||||
content: "at Habib Bourguiba.",
|
||||
},
|
||||
type: "text", content: "at Down Town."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,30 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We use locally sourced beans and fresh, organic produce.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans_23-2147747252.jpg",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "We use locally sourced beans and fresh, organic produce.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans_23-2147747252.jpg"},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Relax in our comfortable seating, designed for both work and play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-composition-valentines-day-with-candles-interior-room_169016-49207.jpg",
|
||||
},
|
||||
title: "Cozy Atmosphere", description: "Relax in our comfortable seating, designed for both work and play.", imageSrc: "http://img.b2bpic.net/free-photo/home-composition-valentines-day-with-candles-interior-room_169016-49207.jpg"},
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Centrally located on Avenue Habib Bourguiba for your convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-mixing-coffee-outdoors_158595-3758.jpg",
|
||||
},
|
||||
title: "Prime Location", description: "Centrally located on Avenue Habib Bourguiba for your convenience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-mixing-coffee-outdoors_158595-3758.jpg"},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Our trained staff ensures every cup is a masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-with-beans_23-2149045784.jpg",
|
||||
},
|
||||
title: "Expert Baristas", description: "Our trained staff ensures every cup is a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-with-beans_23-2149045784.jpg"},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Honoring Tunisian coffee culture in every brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-with-turkish-coffee-brewing_1157-8838.jpg",
|
||||
},
|
||||
title: "Traditional Recipes", description: "Honoring Tunisian coffee culture in every brew.", imageSrc: "http://img.b2bpic.net/free-photo/morning-with-turkish-coffee-brewing_1157-8838.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="The perfect blend of tradition and modern comfort."
|
||||
@@ -183,41 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Arabic Coffee",
|
||||
price: "3.5 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-aroma-fresh-cup-coffee-beans-high-quality-photo_114579-68939.jpg",
|
||||
},
|
||||
id: "p1", name: "Arabic Coffee", price: "3.5 TND", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-aroma-fresh-cup-coffee-beans-high-quality-photo_114579-68939.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Citronade",
|
||||
price: "5.0 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemon-mint-beverage-straws_23-2148102579.jpg",
|
||||
},
|
||||
id: "p2", name: "Citronade", price: "5.0 TND", imageSrc: "http://img.b2bpic.net/free-photo/lemon-mint-beverage-straws_23-2148102579.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Paella Special",
|
||||
price: "18.0 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-potato-spanish-tortilla_23-2149715059.jpg",
|
||||
},
|
||||
id: "p3", name: "Paella Special", price: "18.0 TND", imageSrc: "http://img.b2bpic.net/free-photo/still-life-potato-spanish-tortilla_23-2149715059.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pastry Mix",
|
||||
price: "6.0 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-croissant-half-dipped-into-vanilla-cream_140725-1407.jpg",
|
||||
},
|
||||
id: "p4", name: "Pastry Mix", price: "6.0 TND", imageSrc: "http://img.b2bpic.net/free-photo/plate-croissant-half-dipped-into-vanilla-cream_140725-1407.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mint Tea",
|
||||
price: "2.5 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-tea-still-life_23-2148116743.jpg",
|
||||
},
|
||||
id: "p5", name: "Mint Tea", price: "2.5 TND", imageSrc: "http://img.b2bpic.net/free-photo/decorative-tea-still-life_23-2148116743.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chocolate Slice",
|
||||
price: "4.5 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cookies-with-jelly-chocolate-icing-with-cup-tea_141793-4872.jpg",
|
||||
},
|
||||
id: "p6", name: "Chocolate Slice", price: "4.5 TND", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cookies-with-jelly-chocolate-icing-with-cup-tea_141793-4872.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Taste the tradition of local recipes."
|
||||
@@ -229,30 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amira H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg",
|
||||
},
|
||||
id: "t1", name: "Amira H.", imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Karim M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-hair-businessman-sitting-coffee-shop-reading-newspaper-looking-concentrated-handsome-business-man-holding-open-newspaper-sitting-cafe_1391-594.jpg",
|
||||
},
|
||||
id: "t2", name: "Karim M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-hair-businessman-sitting-coffee-shop-reading-newspaper-looking-concentrated-handsome-business-man-holding-open-newspaper-sitting-cafe_1391-594.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sami L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-with-tea-mugs-smiling_23-2148147971.jpg",
|
||||
},
|
||||
id: "t3", name: "Sami L.", imageSrc: "http://img.b2bpic.net/free-photo/friends-with-tea-mugs-smiling_23-2148147971.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hedi B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-window-blinds-coffee-cup-flower-vase_23-2148209294.jpg",
|
||||
},
|
||||
id: "t4", name: "Hedi B.", imageSrc: "http://img.b2bpic.net/free-photo/shadow-window-blinds-coffee-cup-flower-vase_23-2148209294.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatma R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
|
||||
},
|
||||
id: "t5", name: "Fatma R.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by locals"
|
||||
cardTag="Reviews"
|
||||
@@ -266,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you have delivery?",
|
||||
content: "Yes, we partner with major delivery platforms.",
|
||||
},
|
||||
id: "f1", title: "Do you have delivery?", content: "Yes, we partner with major delivery platforms."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily until 12:00 AM.",
|
||||
},
|
||||
id: "f2", title: "What are your hours?", content: "We are open daily until 12:00 AM."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "On Av. Habib Bourguiba, Tunis.",
|
||||
},
|
||||
id: "f3", title: "Where are you located?", content: "On Av. Habib Bourguiba, Tunis."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
@@ -293,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Visit Us Today"
|
||||
description="Find us on Avenue Habib Bourguiba. Experience Tunis culture."
|
||||
@@ -305,37 +202,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Coffee", href: "#products"},
|
||||
{
|
||||
label: "Food",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Food", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Café Bourguiba"
|
||||
bottomLeftText="© 2024 Down Town"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #000000;
|
||||
--card: #1a0000;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff0000;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #4a0000;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #7f1d1d;
|
||||
--background-accent: #330000;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user