Files
3d42f78b-eaa0-4cc4-b039-994…/src/app/page.tsx
2026-04-17 05:05:36 +00:00

182 lines
9.1 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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>
);
}