Compare commits
35 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08362c8c87 | |||
| 610b98a2cc | |||
| e28c97b8ab | |||
| f8c269bced | |||
| 6730ca35a9 | |||
| a047b8232e | |||
| 7374c91b74 | |||
| c5dc3dca11 | |||
| 8d086cbdb6 | |||
| ab87ad0d42 | |||
| e96c8a3618 | |||
| 711a0c7533 | |||
| cfb41277a1 | |||
| 70c1b17954 | |||
| 37de42e60b | |||
| a81faa8e20 | |||
| 4f4ac19f5b | |||
| 9179e69252 | |||
| b281416b25 | |||
| 6e3d285481 | |||
| fb50790fdf | |||
| 6ea9e81ff7 | |||
| b9a5b26746 | |||
| 31cee1c5e9 | |||
| b2bd8e241f | |||
| 2d5956a933 | |||
| a5e4b4db78 | |||
| efebc9a26a | |||
| b27855b93e | |||
| bc652af528 | |||
| 17c4951890 | |||
| 73a570e593 | |||
| df96c686cb | |||
| 7a8bc54d26 | |||
| d716e028ae |
280
src/app/page.tsx
280
src/app/page.tsx
@@ -6,8 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,18 +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"
|
||||
/>
|
||||
@@ -47,170 +38,34 @@ 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",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-bagels-with-honey-milk_23-2148695520.jpg?_wi=1"
|
||||
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: "http://img.b2bpic.net/free-photo/side-view-bagels-with-sunflower-seeds-cutting-board-wooden-background-with-copy-space_141793-5558.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-food-cutting-board_23-2148308832.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-appetizing-cake-with-red-currants-cupcakes-cutting-board_140725-123295.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/half-cut-tasty-bun-with-sesame-seeds-wooden-board_114579-50475.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bunch-delicious-biscuits-wooden-piece_114579-73420.jpg",
|
||||
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>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
title="Our Full Menu"
|
||||
description="Discover our wide selection of handcrafted bagels, breakfast plates, and local favorites."
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cinnamon Bun",
|
||||
price: "",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091250944-rt1z3boq.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Breakfast Omelette",
|
||||
price: "",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091515080-baz042ip.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Western Omelette",
|
||||
price: "$11.13",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-light-table-cake-dessert-sweet-pie_140725-81697.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Breakfast Burrito",
|
||||
price: "$11.64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-delicious-sweet-truffle-biscuits-wood-piece_114579-85584.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "1/2 Dozen Bagels",
|
||||
price: "$12.42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-smores_123827-21574.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "MUG CLUB 20oz Mug",
|
||||
price: "$15.53",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cinnamon-rolls-with-copy-space_23-2148779698.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Handcrafted bagels, delicious breakfast plates, and freshly baked pastries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Team"
|
||||
description="The friendly faces that make your morning a little brighter every single day."
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Head Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perfectly-organized-bakery-sweets_23-2150168268.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike B.",
|
||||
role: "Grill Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-blue-board_114579-88291.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jen L.",
|
||||
role: "Coffee Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bun-with-meat-carrot-white-surface_114579-73528.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Bagel Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-croissants_23-2149233677.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe M.",
|
||||
role: "Customer Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-croissants-with-chocolate-gray_114579-37480.jpg",
|
||||
},
|
||||
{ id: "1", name: "Plain Bagel", price: "$1.50", imageSrc: "https://images.unsplash.com/photo-1612182062632-9b486950269f?q=80&w=600&auto=format&fit=crop&_wi=1" },
|
||||
{ id: "2", name: "Everything Bagel", price: "$1.75", imageSrc: "https://images.unsplash.com/photo-1584744982341-38374d001099?q=80&w=600&auto=format&fit=crop&_wi=1" },
|
||||
{ id: "3", name: "Egg & Cheese", price: "$5.50", imageSrc: "https://images.unsplash.com/photo-1525351484163-7529414344d8?q=80&w=600&auto=format&fit=crop&_wi=1" },
|
||||
{ id: "4", name: "Lox & Cream Cheese", price: "$8.00", imageSrc: "https://images.unsplash.com/photo-1531366936337-7cafc158525b?q=80&w=600&auto=format&fit=crop&_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -218,65 +73,12 @@ 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."
|
||||
useInvertedBackground={false}
|
||||
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: "http://img.b2bpic.net/free-photo/top-view-bagels-with-honey-milk_23-2148695520.jpg?_wi=2",
|
||||
imageAlt: "Close-up up of delicious alfajores concept",
|
||||
},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Bob R.",
|
||||
date: "Dec 2024",
|
||||
title: "Quick Service",
|
||||
quote: "Love the call-ahead feature, saves me so much time.",
|
||||
tag: "Commuter",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hazelnut-chocolate-cocoa-powder-cookies-plate-towel-blue_114579-70916.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-gingerbread-cookies-with-icing-sugar_114579-82649.jpg?_wi=2",
|
||||
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: "http://img.b2bpic.net/free-photo/delicious-round-bread-close-up_23-2148258684.jpg?_wi=2",
|
||||
imageAlt: "Close-up up of delicious alfajores concept",
|
||||
},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Daniel F.",
|
||||
date: "Nov 2024",
|
||||
title: "Freshness matters",
|
||||
quote: "You can tell the ingredients are fresh daily.",
|
||||
tag: "Daily Visit",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/delicious-alfajores-cookie-concept_23-2148777360.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-light-table-cake-dessert-sweet-pie_140725-81697.jpg?_wi=2",
|
||||
imageAlt: "Close-up up of delicious alfajores concept",
|
||||
},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Emily P.",
|
||||
date: "Nov 2024",
|
||||
title: "Friendly!",
|
||||
quote: "Always greeted with a smile. Highly recommend!",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/icecream-with-cocoa-cookies-wooden-platter-top-view_114579-13211.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-delicious-sweet-truffle-biscuits-wood-piece_114579-85584.jpg?_wi=2",
|
||||
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>
|
||||
@@ -284,51 +86,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: "/products" }, { label: "Breakfast Plates", href: "/products" }] },
|
||||
]}
|
||||
logoText="Mr. Bagel"
|
||||
copyrightText="© 2025 Mr. Bagel. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
46
src/app/products/page.tsx
Normal file
46
src/app/products/page.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function ProductsPage() {
|
||||
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" }]}
|
||||
/>
|
||||
<main className="pt-32 pb-20 px-6 max-w-6xl mx-auto">
|
||||
<ProductCardThree
|
||||
title="Our Products"
|
||||
description="Browse our complete collection of fresh bagels, merchandise, and catering options."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "1", name: "Plain Bagel", price: "$1.50", imageSrc: "https://images.unsplash.com/photo-1612182062632-9b486950269f?q=80&w=600&auto=format&fit=crop&_wi=2" },
|
||||
{ id: "2", name: "Everything Bagel", price: "$1.75", imageSrc: "https://images.unsplash.com/photo-1584744982341-38374d001099?q=80&w=600&auto=format&fit=crop&_wi=2" },
|
||||
{ id: "3", name: "Egg & Cheese", price: "$5.50", imageSrc: "https://images.unsplash.com/photo-1525351484163-7529414344d8?q=80&w=600&auto=format&fit=crop&_wi=2" },
|
||||
{ id: "4", name: "Lox & Cream Cheese", price: "$8.00", imageSrc: "https://images.unsplash.com/photo-1531366936337-7cafc158525b?q=80&w=600&auto=format&fit=crop&_wi=2" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
className="py-0"
|
||||
/>
|
||||
</main>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user