Switch to version 2: modified src/app/menu/page.tsx
This commit is contained in:
@@ -2,13 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Award, Star, Users } from "lucide-react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -23,130 +21,71 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Location", id: "/location"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Brew Haven"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Brew Haven"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-items" data-section="menu-items">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "espresso", name: "Espresso Shot", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/coffee-time_1122-2906.jpg", imageAlt: "Espresso shot in a small cup"},
|
||||
{
|
||||
id: "latte", name: "Creamy Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/vintage-hot-coffee-cup-with-nice-latte-art-decoration-old-wooden-texture-table_1150-6338.jpg", imageAlt: "Latte with heart art"},
|
||||
{
|
||||
id: "iced-coffee", name: "Iced Americano", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg", imageAlt: "Iced coffee in a tall glass"},
|
||||
{
|
||||
id: "croissant", name: "Chocolate Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-filling-dark-surface_114579-77518.jpg", imageAlt: "Chocolate croissant"},
|
||||
{
|
||||
id: "muffin", name: "Blueberry Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-yummy-cakes-with-sugar-powder-glass-milk-white-surface_140725-19269.jpg", imageAlt: "Blueberry muffin"},
|
||||
{
|
||||
id: "bagel", name: "Everything Bagel", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-spicy-chips-with-crackers-dried-pineapple-rings-cookies-light-blue-desk-chips-snack-color-crisp-calorie_140725-64938.jpg", imageAlt: "Everything bagel with cream cheese"},
|
||||
]}
|
||||
title="Our Exquisite Menu"
|
||||
description="Explore our wide selection of freshly brewed coffees, specialty drinks, and delectable pastries, perfect for any time of day."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-content" data-section="menu-content">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Full Menu"
|
||||
description="Explore our wide selection of coffee, teas, pastries, and light bites. Something for every taste!"
|
||||
products={[
|
||||
{ id: "espresso", name: "Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-beans-cup-coffee-dark-background_23-2148285514.jpg", imageAlt: "Espresso shot" },
|
||||
{ id: "americano", name: "Americano", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-dark-background_23-2148285511.jpg", imageAlt: "Americano in a mug" },
|
||||
{ id: "latte", name: "Latte", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-latte-wooden-table_23-2147893063.jpg?_wi=1", imageAlt: "Latte with art" },
|
||||
{ id: "cappuccino", name: "Cappuccino", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg?_wi=1", imageAlt: "Cappuccino foam art" },
|
||||
{ id: "mocha", name: "Mocha", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-coffee_23-2147875952.jpg", imageAlt: "Mocha with chocolate drizzle" },
|
||||
{ id: "coldbrew", name: "Cold Brew", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-coffee-glass_23-2148425244.jpg", imageAlt: "Cold brew coffee with ice" },
|
||||
{ id: "croissant", name: "Butter Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-black-board_114579-88306.jpg?_wi=1", imageAlt: "Butter croissant" },
|
||||
{ id: "muffin", name: "Blueberry Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-blueberry-muffin_23-2148507755.jpg", imageAlt: "Blueberry muffin" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Popular", badgeIcon: Star,
|
||||
price: "$29/month", name: "Daily Brew Pass", buttons: [
|
||||
{
|
||||
text: "Choose Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"1 coffee per day", "10% off pastries", "Exclusive seasonal drinks"],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Best Value", badgeIcon: Award,
|
||||
price: "$49/month", name: "Unlimited Coffee Lover", buttons: [
|
||||
{
|
||||
text: "Choose Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited daily coffee", "15% off food items", "Early access to new items"],
|
||||
},
|
||||
{
|
||||
id: "family", badge: "For Groups", badgeIcon: Users,
|
||||
price: "$89/month", name: "Family & Friends Bundle", buttons: [
|
||||
{
|
||||
text: "Choose Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"4 unlimited coffee passes", "20% off all orders", "Free delivery within 5 miles"],
|
||||
},
|
||||
]}
|
||||
title="Subscription & Bundles"
|
||||
description="Enjoy your favorite coffee and save more with our flexible subscription plans or discover special bundles tailored for every coffee lover."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Menu", href: "/menu"},
|
||||
{
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Location", href: "/location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Story", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Mission", href: "/about#mission"},
|
||||
{
|
||||
label: "Testimonials", href: "/#testimonials-section"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ", href: "/contact#faqs-section"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Brew Haven. All rights reserved."
|
||||
bottomRightText="Crafted with passion by Webuild."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Location", href: "/location" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Story", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Mission", href: "/about#mission" },
|
||||
{ label: "Testimonials", href: "/#testimonials-section" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "/contact#faqs-section" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Brew Haven. All rights reserved."
|
||||
bottomRightText="Crafted with passion by Webuild."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user