bender/72e789f0-70a0-4105-b566-c6238e61bfb6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-30 14:10:47 +00:00
parent 3ec6a036c4 fa40dc792d
commit c6e75c1044
5 changed files with 145 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/gallery/page.tsx
View File

@@ -2,12 +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 ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function LandingPage() {
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -22,174 +21,69 @@ 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="gallery-images" data-section="gallery-images">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "gal-1",
name: "Modern Interior",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20505.jpg",
imageAlt: "Modern coffee shop interior",
},
{
id: "gal-2",
name: "Barista at Work",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg",
imageAlt: "Barista making coffee",
},
{
id: "gal-3",
name: "Outdoor Seating",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/parasol-chairs_1137-314.jpg",
imageAlt: "Outdoor seating area of the cafe",
},
{
id: "gal-4",
name: "Pastry Display",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/patient-enjoying-free-time-after-chemotherapy-treatment_23-2149261143.jpg",
imageAlt: "Display of fresh pastries",
},
{
id: "gal-5",
name: "Latte Art",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
imageAlt: "Close-up of latte art",
},
{
id: "gal-6",
name: "Cozy Reading Nook",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079538.jpg",
imageAlt: "Person reading in a cozy coffee shop corner",
},
]}
title="A Glimpse of Our World"
description="Immerse yourself in the warm and inviting atmosphere of our coffee shop through these captivating visuals of our space and creations."
/>
</div>
<div id="gallery-content" data-section="gallery-content">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
title="Our Brew Haven Moments"
description="A visual journey through our cozy cafe, delicious offerings, and happy customers."
products={[
{ id: "gallery-1", name: "Morning Brew", price: "", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-with-warm-morning-light-window_1150-6544.jpg", imageAlt: "Warm morning coffee" },
{ id: "gallery-2", name: "Latte Art", price: "", imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg", imageAlt: "Barista creating latte art" },
{ id: "gallery-3", name: "Pastry Display", price: "", imageSrc: "http://img.b2bpic.net/free-photo/variety-baked-goods-sweet-indulgence-generated-by-ai_188544-23071.jpg", imageAlt: "Assorted pastries" },
{ id: "gallery-4", name: "Cozy Corner", price: "", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg", imageAlt: "Interior cozy corner" },
{ id: "gallery-5", name: "Happy Customer", price: "", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804651.jpg", imageAlt: "Customer enjoying coffee" },
{ id: "gallery-6", name: "Coffee Beans", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-roasted-close-up-background-dark-texture_1150-5975.jpg", imageAlt: "Roasted coffee beans" }
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Local Roasters Co.",
"Sweet Treats Bakery",
"Community Harvest Farms",
"Artisan Beverage Distributors",
"Fresh Daily Produce",
"Event Solutions Group",
"Hospitality Hub Supplies",
]}
title="Our Valued Partners"
description="We are proud to collaborate with local roasters, bakeries, and community businesses to bring you the highest quality products and experiences."
/>
</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>
);

193
src/app/menu/page.tsx
View File

@@ -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", 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", 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", 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>
);

16
src/app/page.tsx
View File

@@ -14,16 +14,16 @@ import { Coffee, Croissant, Users, Sparkles, Wheat, Home, Wifi } from "lucide-re
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -230,4 +230,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

2
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--background: #f5f4f0;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f3251;
--foreground: #1a1a1a;
--primary-cta: #2c2c2c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #f5f4f0;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
--accent: #8a8a8a;
--background-accent: #e8e6e1;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);