Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08362c8c87 | |||
| 610b98a2cc | |||
| e28c97b8ab | |||
| f8c269bced | |||
| 6730ca35a9 | |||
| a047b8232e | |||
| 7374c91b74 | |||
| c5dc3dca11 | |||
| 8d086cbdb6 | |||
| ab87ad0d42 | |||
| e96c8a3618 | |||
| 711a0c7533 | |||
| cfb41277a1 | |||
| 70c1b17954 | |||
| 37de42e60b | |||
| a81faa8e20 | |||
| 4f4ac19f5b | |||
| 9179e69252 | |||
| b281416b25 | |||
| fb50790fdf | |||
| b9a5b26746 | |||
| b2bd8e241f | |||
| a5e4b4db78 | |||
| b27855b93e | |||
| 17c4951890 |
117
src/app/page.tsx
117
src/app/page.tsx
@@ -6,7 +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 ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -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,95 +38,47 @@ 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>
|
||||
|
||||
<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: "", 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"},
|
||||
{ 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" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Handcrafted bagels, delicious breakfast plates, and freshly baked pastries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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: "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: "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: "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: "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>
|
||||
@@ -136,38 +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="© 2026 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