Merge version_1 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit", id: "visit"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Foxy Cafe"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
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."
|
||||
tag="Est. 2025"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#visit",
|
||||
},
|
||||
text: "Find Us", href: "#visit"},
|
||||
]}
|
||||
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",
|
||||
imageAlt: "barista pouring latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
|
||||
imageAlt: "empty wood chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-bar-near-mirror_171337-19392.jpg",
|
||||
imageAlt: "Side view of Friends in bar near the mirror",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2331.jpg",
|
||||
imageAlt: "Barista at work in a coffee shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg", imageAlt: "barista pouring latte art"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,26 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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"
|
||||
description="Why we are the heart of Madinat Zayed."
|
||||
@@ -138,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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: "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",
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -190,14 +116,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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>
|
||||
@@ -209,59 +130,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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: "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: "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",
|
||||
},
|
||||
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={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9", label: "Google Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Monthly Regulars",
|
||||
},
|
||||
value: "500+", label: "Monthly Regulars"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Specialty Focus",
|
||||
},
|
||||
value: "100%", label: "Specialty Focus"},
|
||||
]}
|
||||
title="What our guests say."
|
||||
description="Kind words from our community."
|
||||
@@ -275,36 +165,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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: "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.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2332.jpg",
|
||||
imageAlt: "Barista at work in a coffee shop",
|
||||
id: "s4", title: "Gigi Johnson", subtitle: "Service", detail: "Service that earns five stars every time."},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="The people behind every perfect cup."
|
||||
@@ -316,16 +186,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Find Us"
|
||||
title="Visit Foxy Cafe"
|
||||
description="Madinat Zayed, Abu Dhabi, UAE. Open daily 7:00 AM – 11:00 PM. Ladies welcome every day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,33 +203,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#story",
|
||||
},
|
||||
label: "About", href: "#story"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#visit",
|
||||
},
|
||||
label: "Visit Us", href: "#visit"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "#",
|
||||
},
|
||||
label: "Google Reviews", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user