182 lines
9.1 KiB
TypeScript
182 lines
9.1 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="noise"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Home", id: "home" },
|
||
{ name: "Menu", id: "menu" },
|
||
{ name: "Visit", id: "visit" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Foxy Cafe"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDualMedia
|
||
background={{ 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: "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/barista-preparing-beverage_23-2149458092.jpg?_wi=1", imageAlt: "barista pouring latte art" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Loved by locals in Madinat Zayed"
|
||
/>
|
||
</div>
|
||
|
||
<div id="story" data-section="story">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
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: "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" },
|
||
]}
|
||
title="The Foxy Standard"
|
||
description="Why we are the heart of Madinat Zayed."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="inline-image"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={true}
|
||
title="The Foxy Menu"
|
||
description="Discover our curated selection of artisanal coffee, fresh food, and premium beans."
|
||
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: "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: "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: "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: "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" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="atmosphere" data-section="atmosphere">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{ 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" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
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: "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: "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={[
|
||
{ value: "4.9", label: "Google Rating" },
|
||
{ value: "500+", label: "Monthly Regulars" },
|
||
{ value: "100%", label: "Specialty Focus" },
|
||
]}
|
||
title="What our guests say."
|
||
description="Kind words from our community."
|
||
/>
|
||
</div>
|
||
|
||
<div id="staff" data-section="staff">
|
||
<TeamCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
groups={[
|
||
{ 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: "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." },
|
||
]
|
||
},
|
||
]}
|
||
title="The people behind every perfect cup."
|
||
description="Meet the team that feels like family."
|
||
/>
|
||
</div>
|
||
|
||
<div id="visit" data-section="visit">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{ 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" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [
|
||
{ label: "Menu", href: "#menu" },
|
||
{ label: "About", href: "#story" },
|
||
{ label: "Visit Us", href: "#visit" },
|
||
] },
|
||
{ items: [
|
||
{ label: "Instagram", href: "#" },
|
||
{ label: "TikTok", href: "#" },
|
||
{ label: "Google Reviews", href: "#" },
|
||
] },
|
||
]}
|
||
logoText="Foxy Cafe"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |