bender/0b0f2cb9-b403-4cca-be0b-2a9e482bd25a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #12

Merged
bender merged 2 commits from version_4 into main 2026-04-13 15:40:42 +00:00
Conversation 0 Commits 2 Files Changed 2 +72 -86
2 changed files with 72 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/app/page.tsx
View File

@@ -27,12 +27,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "hero"},
{
name: "Menu", id: "menu"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "contact" },
]}
brandName="Mr. Bagel"
/>
@@ -40,50 +38,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Fresh Bagels & Hometown Vibe"
description="Gorham’s favorite local spot for fresh bagels, hearty breakfast plates, and homemade pastries. Stop in today or call ahead to skip the line."
kpis={[
{
value: "6 AM", label: "Opening Daily"},
{
value: "13 New", label: "Portland Rd"},
{
value: "Fresh", label: "Baked Daily"},
{ value: "6 AM", label: "Opening Daily" },
{ value: "13 New", label: "Portland Rd" },
{ value: "Fresh", label: "Baked Daily" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Call to Order", href: "tel:2078392802"},
]}
buttons={[{ text: "Call to Order", href: "tel:2078392802" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092125939-q8o4ba64.webp"
mediaAnimation="blur-reveal"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092148737-vjh9ea1f.webp", alt: "Customer 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092159845-zwodljyu.png", alt: "Customer 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092179692-73h07rpk.png", alt: "Customer 3"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092168074-a2fli1p7.png", alt: "Customer 4"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092188025-qalwrfsg.png", alt: "Customer 5"},
]}
avatarText="Loved by locals"
marqueeItems={[
{
type: "text", text: "Fresh Bagels"},
{
type: "text", text: "Locally Sourced"},
{
type: "text", text: "Breakfast Plates"},
{
type: "text", text: "Homemade Pastries"},
{
type: "text", text: "Always Hot"},
]}
/>
</div>
@@ -92,21 +58,6 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091250944-rt1z3boq.png"},
{
id: "p2", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091515080-baz042ip.png"},
{
id: "p3", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092010738-fcm84h1z.png"},
{
id: "p4", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092070277-5s119rvv.png"},
{
id: "p5", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092313895-eiiv0qjv.png"},
{
id: "p6", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092283112-w3vpkbhl.png"},
]}
title="Our Menu"
description="Handcrafted bagels, delicious breakfast plates, and freshly baked pastries."
/>
@@ -115,14 +66,11 @@ export default function LandingPage() {
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
title="What Locals Say"
description="Our customers are the heartbeat of our shop. Read about their favorite morning rituals."
testimonials={[
{
id: "ts1", name: "Alice T.", date: "Jan 2025", title: "Great vibe!", quote: "The best bagels in Gorham, hands down.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777344.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091932705-02h6ym5s.png", imageAlt: "Close-up up of delicious alfajores concept"},
{
id: "ts3", name: "Claire S.", date: "Dec 2024", title: "Breakfast Heaven", quote: "Their western omelette is exactly what I need on a Sunday.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/homemade-smores_123827-21701.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092451078-k1hvetf5.webp", imageAlt: "Close-up up of delicious alfajores concept"}
{ id: "ts1", name: "Alice T.", date: "Jan 2025", title: "Great vibe!", quote: "The best bagels in Gorham, hands down.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777344.jpg" },
{ id: "ts3", name: "Claire S.", date: "Dec 2024", title: "Breakfast Heaven", quote: "Their western omelette is exactly what I need on a Sunday.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/homemade-smores_123827-21701.jpg" }
]}
/>
</div>
@@ -130,38 +78,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
text="Find us at 13 New Portland Rd, Gorham, ME. We're open Tuesday through Sunday from 6:00 AM. Give us a call to skip the wait!"
buttons={[
{
text: "Call Now: (207) 839-2802", href: "tel:2078392802"},
]}
buttons={[{ text: "Call Now: (207) 839-2802", href: "tel:2078392802" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop Info", items: [
{
label: "Gorham, ME", href: "#"},
{
label: "Open Tue-Sun", href: "#"},
],
},
{
title: "Menu", items: [
{
label: "Bagels", href: "#"},
{
label: "Breakfast Plates", href: "#"},
],
},
{ title: "Shop Info", items: [{ label: "Gorham, ME", href: "#" }, { label: "Open Tue-Sun", href: "#" }] },
{ title: "Menu", items: [{ label: "Bagels", href: "#" }, { label: "Breakfast Plates", href: "#" }] },
]}
logoText="Mr. Bagel"
copyrightText="© 2026 Mr. Bagel. All rights reserved."
/>
</div>
</ReactLenis>

57
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,57 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function ProductsPage() {
const categories = [
{ name: "Merch", items: [{ name: "Logo Mug", price: "$12.00" }, { name: "T-Shirt", price: "$25.00" }] },
{ name: "Beverages", items: [{ name: "Coffee", price: "$3.50" }, { name: "Tea", price: "$3.00" }, { name: "Orange Juice", price: "$4.00" }] },
{ name: "Pastries & Baked Goods", items: [{ name: "Muffin", price: "$3.75" }, { name: "Scone", price: "$3.75" }, { name: "Cookie", price: "$2.50" }] },
{ name: "Breakfast Sides", items: [{ name: "Bacon", price: "$4.50" }, { name: "Sausage", price: "$4.50" }, { name: "Home Fries", price: "$4.00" }] },
{ name: "French Toast & Pancakes", items: [{ name: "French Toast", price: "$11.00" }, { name: "Buttermilk Pancakes", price: "$10.00" }] },
{ name: "Breakfast Plates", items: [{ name: "Western Omelette", price: "$13.00" }, { name: "Classic Breakfast", price: "$12.00" }] },
{ name: "Breakfast Sandwiches", items: [{ name: "Bacon Egg & Cheese", price: "$8.50" }, { name: "Sausage Egg & Cheese", price: "$8.50" }] },
{ name: "Bagels & Cream Cheese", items: [{ name: "Plain Bagel", price: "$2.00" }, { name: "Everything Bagel", price: "$2.25" }, { name: "Cream Cheese", price: "$1.50" }] },
{ name: "Uncategorized", items: [{ name: "Gift Card", price: "$25.00" }] }
];
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/#menu" }, { name: "Products", id: "/products" }, { name: "Contact", id: "/#contact" }]}
brandName="Mr. Bagel"
/>
<main className="pt-32 pb-20 px-6 max-w-2xl mx-auto">
<h1 className="text-4xl font-bold mb-10">Menu Items</h1>
{categories.map((cat) => (
<div key={cat.name} className="mb-8">
<h2 className="text-2xl font-semibold mb-4 border-b pb-2">{cat.name}</h2>
<ul className="space-y-2">
{cat.items.map((item) => (
<li key={item.name} className="flex justify-between py-1">
<span>{item.name}</span>
<span className="font-medium">{item.price}</span>
</li>
))}
</ul>
</div>
))}
</main>
</ReactLenis>
</ThemeProvider>
);
}