Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e16d7ee235 | |||
| eb74c49d2d | |||
| 2998b43368 |
148
src/app/page.tsx
148
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home", id: "home"},
|
{ name: "Menu", id: "menu" },
|
||||||
{
|
{ name: "Visit", id: "visit" },
|
||||||
name: "Menu", id: "menu"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Visit", id: "visit"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Foxy Cafe"
|
brandName="Foxy Cafe"
|
||||||
/>
|
/>
|
||||||
@@ -45,22 +41,17 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
title="Where every cup tells a story."
|
title="Where every cup tells a story."
|
||||||
description="Specialty coffee, honest food, and a space that feels like yours — in the heart of Madinat Zayed."
|
description="Specialty coffee, honest food, and a space that feels like yours — in the heart of Madinat Zayed."
|
||||||
tag="Est. 2025"
|
tag="Est. 2025"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "View Our Menu", href: "#menu" },
|
||||||
text: "View Our Menu", href: "#menu"},
|
{ text: "Find Us", href: "#visit" },
|
||||||
{
|
|
||||||
text: "Find Us", href: "#visit"},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699658.jpg", imageAlt: "specialty coffee bar interior" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699658.jpg", imageAlt: "specialty coffee bar interior"},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg?_wi=1", imageAlt: "barista pouring latte art" }
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg", imageAlt: "barista pouring latte art"}
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -74,12 +65,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "Craft", title: "Coffee", description: "Specialty V60, cold brew, matcha, expertly pulled shots.", imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg" },
|
||||||
id: "m1", value: "Craft", title: "Coffee", description: "Specialty V60, cold brew, matcha, expertly pulled shots.", imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg"},
|
{ id: "m2", value: "Real", title: "Food", description: "Halloumi sandwiches, avocado toast, fresh donuts daily.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395303.jpg?_wi=1" },
|
||||||
{
|
{ id: "m3", value: "Soul", title: "Our People", description: "Nikita, Rein, Paul, and Gigi — welcoming you home.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg" },
|
||||||
id: "m2", value: "Real", title: "Food", description: "Halloumi sandwiches, avocado toast, fresh donuts daily.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395303.jpg"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "Soul", title: "Our People", description: "Nikita, Rein, Paul, and Gigi — welcoming you home.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="The Foxy Standard"
|
title="The Foxy Standard"
|
||||||
description="Why we are the heart of Madinat Zayed."
|
description="Why we are the heart of Madinat Zayed."
|
||||||
@@ -92,22 +80,18 @@ export default function LandingPage() {
|
|||||||
textboxLayout="inline-image"
|
textboxLayout="inline-image"
|
||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
title="The Foxy Menu"
|
||||||
|
description="Discover our curated selection of artisanal coffee, fresh food, and premium beans."
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "V60 Filter Coffee", price: "AED 24.69", variant: "Balanced, clean brew.", imageSrc: "http://img.b2bpic.net/free-photo/barista-hand-steaming-milk-making-latte-coffee-caf_23-2148209231.jpg" },
|
||||||
id: "1", name: "V60 Filter Coffee", price: "AED 24.69", variant: "Balanced, clean brew.", imageSrc: "http://img.b2bpic.net/free-photo/barista-hand-steaming-milk-making-latte-coffee-caf_23-2148209231.jpg"},
|
{ id: "2", name: "Cold Brew", price: "AED 24.69", variant: "Smooth. Slow. Serious.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-barista-putting-coffee-filter_23-2148824413.jpg" },
|
||||||
{
|
{ id: "3", name: "Matcha Latte", price: "AED 27.16", variant: "The best in MZ. Hands down.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-wicker-lamps-ceiling-inside-building_181624-47099.jpg" },
|
||||||
id: "2", name: "Cold Brew", price: "AED 24.69", variant: "Smooth. Slow. Serious.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-barista-putting-coffee-filter_23-2148824413.jpg"},
|
{ id: "4", name: "Halloumi Sandwich", price: "AED 28.89", variant: "Crispy, golden, generous.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-685.jpg" },
|
||||||
{
|
{ id: "5", name: "Avocado Toast", price: "AED 33.33", variant: "Fresh, delivered with love.", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg" },
|
||||||
id: "3", name: "Matcha", price: "AED 27.16", variant: "The best in MZ. Hands down.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-wicker-lamps-ceiling-inside-building_181624-47099.jpg"},
|
{ id: "6", name: "Ethiopian Yirgacheffe Beans (250g)", price: "AED 65.00", variant: "Floral, bright, citrus notes.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg" },
|
||||||
{
|
{ id: "7", name: "Foxy House Blend (250g)", price: "AED 55.00", variant: "Nutty, chocolatey, full body.", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg?_wi=2" },
|
||||||
id: "4", name: "Halloumi Sandwich", price: "AED 28.89", variant: "Crispy, golden, generous.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-685.jpg"},
|
{ id: "8", name: "Morning Pastry Selection", price: "AED 15.00", variant: "Freshly baked daily.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395303.jpg?_wi=2" }
|
||||||
{
|
|
||||||
id: "5", name: "Avocado Toast", price: "AED 33.33", variant: "Fresh, delivered with love.", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Americano", price: "AED 16.05", variant: "Simple. Flawless. Just right.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Something for every mood."
|
|
||||||
description="Our signature selection."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -115,10 +99,8 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "A place to work, rest, and savour." },
|
||||||
type: "text", content: "A place to work, rest, and savour."},
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/crop-hands-taking-photo-woman-cafe_23-2147785292.jpg", alt: "modern cafe interior comfortable seating" },
|
||||||
{
|
|
||||||
type: "image", src: "http://img.b2bpic.net/free-photo/crop-hands-taking-photo-woman-cafe_23-2147785292.jpg", alt: "modern cafe interior comfortable seating"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -129,29 +111,16 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Gypseaaa", role: "Local Guide", company: "Google", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg" },
|
||||||
id: "t1", name: "Gypseaaa", role: "Local Guide", company: "Google", rating: 5,
|
{ id: "t2", name: "A. Almansoori", role: "Regular", company: "MZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-close-her-face_23-2148349006.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg"},
|
{ id: "t3", name: "R. Almansoori", role: "Customer", company: "MZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-paying-with-nfc-technology-restaurant_23-2150039464.jpg" },
|
||||||
{
|
{ id: "t4", name: "M. Al Hammadi", role: "Matcha Lover", company: "MZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720313.jpg" },
|
||||||
id: "t2", name: "A. Almansoori", role: "Regular", company: "MZ", rating: 5,
|
{ id: "t5", name: "Mohamed Alkaabi", role: "Foodie", company: "MZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25716.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-close-her-face_23-2148349006.jpg"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "R. Almansoori", role: "Customer", company: "MZ", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-with-nfc-technology-restaurant_23-2150039464.jpg"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "M. Al Hammadi", role: "Matcha Lover", company: "MZ", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720313.jpg"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Mohamed Alkaabi", role: "Foodie", company: "MZ", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25716.jpg"},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "4.9", label: "Google Rating" },
|
||||||
value: "4.9", label: "Google Rating"},
|
{ value: "500+", label: "Monthly Regulars" },
|
||||||
{
|
{ value: "100%", label: "Specialty Focus" },
|
||||||
value: "500+", label: "Monthly Regulars"},
|
|
||||||
{
|
|
||||||
value: "100%", label: "Specialty Focus"},
|
|
||||||
]}
|
]}
|
||||||
title="What our guests say."
|
title="What our guests say."
|
||||||
description="Kind words from our community."
|
description="Kind words from our community."
|
||||||
@@ -164,16 +133,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
groups={[
|
groups={[
|
||||||
{
|
{ id: "team1", groupTitle: "Foxy Team", members: [
|
||||||
id: "team1", groupTitle: "Foxy Team", members: [
|
{ id: "s1", title: "Nikita", subtitle: "Staff", detail: "Warmth and professionalism in every interaction." },
|
||||||
{
|
{ id: "s2", title: "Rein", subtitle: "Barista", detail: "Our master barista. Your coffee, done right." },
|
||||||
id: "s1", title: "Nikita", subtitle: "Staff", detail: "Warmth and professionalism in every interaction."},
|
{ id: "s3", title: "Paul", subtitle: "Host", detail: "The one who remembers your order by name." },
|
||||||
{
|
{ id: "s4", title: "Gigi Johnson", subtitle: "Service", detail: "Service that earns five stars every time." },
|
||||||
id: "s2", title: "Rein", subtitle: "Barista", detail: "Our master barista. Your coffee, done right."},
|
|
||||||
{
|
|
||||||
id: "s3", title: "Paul", subtitle: "Host", detail: "The one who remembers your order by name."},
|
|
||||||
{
|
|
||||||
id: "s4", title: "Gigi Johnson", subtitle: "Service", detail: "Service that earns five stars every time."},
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -185,14 +149,12 @@ export default function LandingPage() {
|
|||||||
<div id="visit" data-section="visit">
|
<div id="visit" data-section="visit">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
|
||||||
tag="Find Us"
|
tag="Find Us"
|
||||||
title="Visit Foxy Cafe"
|
title="Visit Foxy Cafe"
|
||||||
description="Madinat Zayed, Abu Dhabi, UAE. Open daily 7:00 AM – 11:00 PM. Ladies welcome every day."
|
description="Madinat Zayed, Abu Dhabi, UAE. Open daily 7:00 AM – 11:00 PM. Ladies welcome every day."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||||
text: "Get Directions", href: "https://maps.google.com"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -200,26 +162,16 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [
|
||||||
items: [
|
{ label: "Menu", href: "#menu" },
|
||||||
{
|
{ label: "About", href: "#story" },
|
||||||
label: "Menu", href: "#menu"},
|
{ label: "Visit Us", href: "#visit" },
|
||||||
{
|
] },
|
||||||
label: "About", href: "#story"},
|
{ items: [
|
||||||
{
|
{ label: "Instagram", href: "#" },
|
||||||
label: "Visit Us", href: "#visit"},
|
{ label: "TikTok", href: "#" },
|
||||||
],
|
{ label: "Google Reviews", href: "#" },
|
||||||
},
|
] },
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Instagram", href: "#"},
|
|
||||||
{
|
|
||||||
label: "TikTok", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Google Reviews", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Foxy Cafe"
|
logoText="Foxy Cafe"
|
||||||
/>
|
/>
|
||||||
@@ -227,4 +179,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user