177 lines
9.0 KiB
TypeScript
177 lines
9.0 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
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 TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
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>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Mr. Bagel"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
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"},
|
||
]}
|
||
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"
|
||
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
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
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="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: "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"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
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"},
|
||
]}
|
||
/>
|
||
</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: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Mr. Bagel"
|
||
copyrightText="© 2025 Mr. Bagel. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|