Merge version_1 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -2,176 +2,176 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Coffee, Users, Utensils } from "lucide-react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Visit Us", id: "contact" },
|
||||
]}
|
||||
brandName="Foxy Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Visit Us", id: "contact" }
|
||||
]}
|
||||
brandName="Foxy Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
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."
|
||||
buttons={[
|
||||
{ text: "View Our Menu", href: "#menu" },
|
||||
{ text: "Find Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg", alt: "Antique ceiling lamp" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-light-lamp-decoration_1339-7078.jpg", alt: "Beautiful light lamp decoration" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg", alt: "Person in a cafe enjoying a book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg", alt: "Beautiful woman having a cup of coffee in cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg", alt: "Cozy cafe interior" },
|
||||
]}
|
||||
avatarText="Join our growing coffee community."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
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."
|
||||
buttons={[
|
||||
{ text: "View Our Menu", href: "#menu" },
|
||||
{ text: "Find Us", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg", alt: "Antique ceiling lamp" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-light-lamp-decoration_1339-7078.jpg", alt: "Beautiful light lamp decoration" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg", alt: "Person in a cafe enjoying a book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg", alt: "Beautiful woman having a cup of coffee in cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg", alt: "Cozy cafe interior" }
|
||||
]}
|
||||
avatarText="Join our growing coffee community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Signature Essence"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Craft Coffee", value: "Artisan Brews" },
|
||||
{ icon: Utensils, label: "Real Food", value: "Big Portions" },
|
||||
{ icon: Users, label: "Our People", value: "Heart of Foxy" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Signature Essence"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Craft Coffee", value: "Artisan Brews" },
|
||||
{ icon: Utensils, label: "Real Food", value: "Big Portions" },
|
||||
{ icon: Users, label: "Our People", value: "Heart of Foxy" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Coffee", name: "V60 Filter Coffee", price: "AED 24.69", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg" },
|
||||
{ id: "p2", brand: "Cold Brew", name: "Cold Brew", price: "AED 24.69", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg" },
|
||||
{ id: "p3", brand: "Matcha", name: "Organic Matcha", price: "AED 27.16", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg" },
|
||||
{ id: "p4", brand: "Food", name: "Halloumi Sandwich", price: "AED 28.89", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-cut-into-pieces-wrapped-with-paper_114579-2851.jpg" },
|
||||
{ id: "p5", brand: "Food", name: "Avocado Toast", price: "AED 33.33", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-avocado-sandwiches-with-sliced-red-tomatoes-white-surface_140725-90256.jpg" },
|
||||
{ id: "p6", brand: "Coffee", name: "Americano", price: "AED 16.05", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-grey-background_114579-19230.jpg" },
|
||||
]}
|
||||
title="Something for every mood."
|
||||
description="Hand-crafted coffee and carefully curated bites."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Coffee", name: "V60 Filter Coffee", price: "AED 24.69", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg" },
|
||||
{ id: "p2", brand: "Cold Brew", name: "Cold Brew", price: "AED 24.69", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg" },
|
||||
{ id: "p3", brand: "Matcha", name: "Organic Matcha", price: "AED 27.16", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg" },
|
||||
{ id: "p4", brand: "Food", name: "Halloumi Sandwich", price: "AED 28.89", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-cut-into-pieces-wrapped-with-paper_114579-2851.jpg" },
|
||||
{ id: "p5", brand: "Food", name: "Avocado Toast", price: "AED 33.33", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-avocado-sandwiches-with-sliced-red-tomatoes-white-surface_140725-90256.jpg" },
|
||||
{ id: "p6", brand: "Coffee", name: "Americano", price: "AED 16.05", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-grey-background_114579-19230.jpg" }
|
||||
]}
|
||||
title="Something for every mood."
|
||||
description="Hand-crafted coffee and carefully curated bites."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Coffee That Counts", description: "Coffee that earns its price.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg" },
|
||||
{ id: "f2", title: "Quiet Corner", description: "Comfortable seating always available.", tag: "Focus", imageSrc: "http://img.b2bpic.net/free-photo/cup-drink-near-mobile-phone-laptop-table-street-cafe_23-2148068435.jpg" },
|
||||
{ id: "f3", title: "Guest Quote", description: "Foxy Cafe is my go-to spot — Alia F.", tag: "Trusted", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-laughing-together-medium-shot_23-2148422483.jpg" },
|
||||
]}
|
||||
title="A place to work, rest, and savour."
|
||||
description="Whether you're deep in a deadline or just need a moment — Foxy Cafe is your quiet corner."
|
||||
/>
|
||||
</div>
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Coffee That Counts", description: "Coffee that earns its price.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg" },
|
||||
{ id: "f2", title: "Quiet Corner", description: "Comfortable seating always available.", tag: "Focus", imageSrc: "http://img.b2bpic.net/free-photo/cup-drink-near-mobile-phone-laptop-table-street-cafe_23-2148068435.jpg" },
|
||||
{ id: "f3", title: "Guest Quote", description: "Foxy Cafe is my go-to spot — Alia F.", tag: "Trusted", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-laughing-together-medium-shot_23-2148422483.jpg" }
|
||||
]}
|
||||
title="A place to work, rest, and savour."
|
||||
description="Whether you're deep in a deadline or just need a moment — Foxy Cafe is your quiet corner."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Gypseaaa", role: "Coffee Lover", testimonial: "Best coffee and food served by skilled baristas and friendly waitstaff.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg" },
|
||||
{ id: "t2", name: "A. Almansoori", role: "Local", testimonial: "The halloumi sandwich is the best I've ever had!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-roommates-home_23-2149358471.jpg" },
|
||||
{ id: "t3", name: "R. Almansoori", role: "Regular", testimonial: "Thanks to Paul for his excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-with-partner_1157-21043.jpg" },
|
||||
{ id: "t4", name: "M Al Hammadi", role: "Local", testimonial: "Every thing good and the staff very friendly, the best matcha in MZ.", imageSrc: "http://img.b2bpic.net/free-photo/excited-multiracial-friends-through-window_23-2148422357.jpg" },
|
||||
{ id: "t5", name: "Mohamed Alkaabi", role: "Regular", testimonial: "Food: Amazing. Coffee: Thanks to Rein.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-coffee-shop_23-2150378264.jpg" },
|
||||
]}
|
||||
title="What our guests say."
|
||||
description="Stories from our community in Madinat Zayed."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Gypseaaa", role: "Coffee Lover", testimonial: "Best coffee and food served by skilled baristas and friendly waitstaff.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg" },
|
||||
{ id: "t2", name: "A. Almansoori", role: "Local", testimonial: "The halloumi sandwich is the best I've ever had!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-roommates-home_23-2149358471.jpg" },
|
||||
{ id: "t3", name: "R. Almansoori", role: "Regular", testimonial: "Thanks to Paul for his excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-with-partner_1157-21043.jpg" },
|
||||
{ id: "t4", name: "M Al Hammadi", role: "Local", testimonial: "Every thing good and the staff very friendly, the best matcha in MZ.", imageSrc: "http://img.b2bpic.net/free-photo/excited-multiracial-friends-through-window_23-2148422357.jpg" },
|
||||
{ id: "t5", name: "Mohamed Alkaabi", role: "Regular", testimonial: "Food: Amazing. Coffee: Thanks to Rein.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-coffee-shop_23-2150378264.jpg" }
|
||||
]}
|
||||
title="What our guests say."
|
||||
description="Stories from our community in Madinat Zayed."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{ id: "nikita", name: "Nikita", role: "Barista", description: "Warmth and professionalism in every interaction.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg" },
|
||||
{ id: "rein", name: "Rein", role: "Head Barista", description: "Your coffee, done right.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-cup-cappuccino-with-plate-cafe-table_181624-60555.jpg" },
|
||||
{ id: "paul", name: "Paul", role: "Server", description: "The one who remembers your order.", imageSrc: "http://img.b2bpic.net/free-photo/plant-vase_1203-7445.jpg" },
|
||||
{ id: "gigi", name: "Gigi Johnson", role: "Manager", description: "Service that earns five stars every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg" },
|
||||
]}
|
||||
title="The people behind every perfect cup."
|
||||
description="Meet the team that makes Foxy Cafe feel like home."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{ id: "nikita", name: "Nikita", role: "Barista", description: "Warmth and professionalism in every interaction.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg" },
|
||||
{ id: "rein", name: "Rein", role: "Head Barista", description: "Your coffee, done right.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-cup-cappuccino-with-plate-cafe-table_181624-60555.jpg" },
|
||||
{ id: "paul", name: "Paul", role: "Server", description: "The one who remembers your order.", imageSrc: "http://img.b2bpic.net/free-photo/plant-vase_1203-7445.jpg" },
|
||||
{ id: "gigi", name: "Gigi Johnson", role: "Manager", description: "Service that earns five stars every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg" }
|
||||
]}
|
||||
title="The people behind every perfect cup."
|
||||
description="Meet the team that makes Foxy Cafe feel like home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us in Madinat Zayed"
|
||||
description="Open daily 7:00 AM – 11:00 PM. Dine in, Takeaway, or Delivery via Talabat."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-exterior-with-parked-bicycle_23-2147764363.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us in Madinat Zayed"
|
||||
description="Open daily 7:00 AM – 11:00 PM. Dine in, Takeaway, or Delivery via Talabat."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-exterior-with-parked-bicycle_23-2147764363.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Foxy Cafe"
|
||||
columns={[
|
||||
{ title: "Menu", items: [
|
||||
{ label: "Coffee", href: "#menu" },
|
||||
{ label: "Food", href: "#menu" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
] },
|
||||
{ title: "Visit", items: [
|
||||
{ label: "Find Us", href: "#contact" },
|
||||
{ label: "Talabat Delivery", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
] },
|
||||
]}
|
||||
copyrightText="© 2025 Foxy Cafe. All rights reserved. Madinat Zayed, Abu Dhabi."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Foxy Cafe"
|
||||
columns={[
|
||||
{ title: "Menu", items: [
|
||||
{ label: "Coffee", href: "#menu" },
|
||||
{ label: "Food", href: "#menu" },
|
||||
{ label: "About Us", href: "#about" }
|
||||
] },
|
||||
{ title: "Visit", items: [
|
||||
{ label: "Find Us", href: "#contact" },
|
||||
{ label: "Talabat Delivery", href: "#" },
|
||||
{ label: "Instagram", href: "#" }
|
||||
] }
|
||||
]}
|
||||
copyrightText="© 2025 Foxy Cafe. All rights reserved. Madinat Zayed, Abu Dhabi."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user