10 Commits

Author SHA1 Message Date
e20acfff95 Merge version_2 into main
Merge version_2 into main
2026-04-04 16:55:27 +00:00
fc4b5c3851 Update src/app/menu/page.tsx 2026-04-04 16:55:21 +00:00
dc1ad5bd45 Update src/app/contact/page.tsx 2026-04-04 16:55:21 +00:00
d2f0992a60 Update src/app/about/page.tsx 2026-04-04 16:55:21 +00:00
1fd67e3f0c Merge version_2 into main
Merge version_2 into main
2026-04-04 16:54:54 +00:00
3852598255 Update src/app/page.tsx 2026-04-04 16:54:51 +00:00
24ce7171d9 Update src/app/menu/page.tsx 2026-04-04 16:54:51 +00:00
b6fe0444e6 Add src/app/contact/page.tsx 2026-04-04 16:54:50 +00:00
bfd54dd465 Update src/app/about/page.tsx 2026-04-04 16:54:50 +00:00
10f9918f18 Merge version_1 into main
Merge version_1 into main
2026-04-04 16:52:41 +00:00
4 changed files with 158 additions and 388 deletions

View File

@@ -2,108 +2,47 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="none"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Visit",
id: "/visit",
},
]}
brandName="BOCA Brunch"
button={{
text: "Order Now",
href: "#",
}}
/>
</div>
<div id="about-us" data-section="about-us">
<TextAbout
useInvertedBackground={true}
title="Welcome to the neighbourhood"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Story"
description="Founded with a passion for quality coffee and community."
metrics={[
{
value: "2019",
title: "Founded",
},
{
value: "100%",
title: "Local Roots",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg?_wi=2"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Visit",
items: [
{
label: "488 Cosburn Ave, East York",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "(416) 425-2024",
href: "tel:4164252024",
},
],
},
]}
logoText="BOCA Brunch"
/>
</div>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Visit", id: "/visit" },
{ name: "Contact", id: "/contact" },
]}
brandName="BOCA Brunch"
/>
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Our Story: The Heart of East York" }]}
useInvertedBackground={false}
/>
<FooterBase
columns={[
{ title: "Visit", items: [{ label: "488 Cosburn Ave, East York", href: "#" }] },
{ title: "Support", items: [{ label: "(416) 425-2024", href: "tel:4164252024" }] },
]}
logoText="BOCA Brunch"
/>
</ReactLenis>
</ThemeProvider>
);
}
}

51
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,51 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Visit", id: "/visit" },
{ name: "Contact", id: "/contact" },
]}
brandName="BOCA Brunch"
/>
<ContactSplit
tag="Contact Us"
title="Find Us in East York"
description="We are located at 488 Cosburn Ave. Open daily for your brunch cravings."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
<FooterBase
columns={[
{ title: "Visit", items: [{ label: "488 Cosburn Ave, East York", href: "#" }] },
{ title: "Support", items: [{ label: "(416) 425-2024", href: "tel:4164252024" }] },
]}
logoText="BOCA Brunch"
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -2,13 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Coffee, Leaf } from "lucide-react";
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -23,135 +21,48 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Visit",
id: "/visit",
},
]}
brandName="BOCA Brunch"
button={{
text: "Order Now",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Visit", id: "/visit" },
]}
brandName="BOCA Brunch"
button={{ text: "Order Now", href: "#" }}
/>
</div>
<div id="menu-list" data-section="menu-list">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Classic Avocado Toast",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=4",
},
{
id: "2",
name: "Buttermilk Pancakes",
price: "$14",
imageSrc: "http://img.b2bpic.net/free-photo/orange-mimosa-cocktail-wooden-table_123827-20121.jpg?_wi=3",
},
{
id: "3",
name: "Signature Eggs Benedict",
price: "$16",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-veggies-egg-toast_23-2148698714.jpg?_wi=1",
},
{
id: "4",
name: "Breakfast Burrito",
price: "$13",
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=5",
},
{
id: "5",
name: "Seasonal Smoothie Bowl",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/orange-mimosa-cocktail-wooden-table_123827-20121.jpg?_wi=4",
},
{
id: "6",
name: "Cold Brew & Pastry",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-veggies-egg-toast_23-2148698714.jpg?_wi=2",
},
]}
title="Our Menu"
description="Simple, price-friendly, and delicious brunch favourites."
/>
</div>
<div id="pricing" data-section="pricing" className="pt-32">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
title="Our Menu"
description="Explore our curated selection of brunch favourites."
useInvertedBackground={false}
plans={[
{
id: "mains", tag: "Popular", price: "$16 - $24", period: "per plate", description: "Signature brunch mains", button: { text: "View Details" },
featuresTitle: "Featured Items", features: ["Classic Eggs Benedict", "Avocado Toast", "Buttermilk Pancakes", "BOCA Breakfast Burger"]
},
{
id: "drinks", tag: "Refreshments", price: "$4 - $12", period: "per item", description: "Coffee, tea & cocktails", button: { text: "View Details" },
featuresTitle: "Featured Items", features: ["Freshly Roasted Coffee", "Mimosa Flight", "Orange Juice", "Herbal Tea Selection"]
}
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Menu Highlights"
description="What our customers are talking about."
metrics={[
{
id: "m1",
value: "100%",
title: "Freshness",
description: "Guaranteed quality",
icon: Leaf,
},
{
id: "m2",
value: "15+",
title: "Dishes",
description: "Diverse brunch selection",
icon: Coffee,
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Visit",
items: [
{
label: "488 Cosburn Ave, East York",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "(416) 425-2024",
href: "tel:4164252024",
},
],
},
]}
logoText="BOCA Brunch"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Visit", items: [{ label: "488 Cosburn Ave, East York", href: "#" }] },
{ title: "Support", items: [{ label: "(416) 425-2024", href: "tel:4164252024" }] },
]}
logoText="BOCA Brunch"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -29,74 +29,36 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Visit",
id: "/visit",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Visit", id: "/visit" },
{ name: "Contact", id: "/contact" },
]}
brandName="BOCA Brunch"
button={{
text: "Order Now",
href: "#",
}}
text: "Order Now", href: "#"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="East York's Favourite Brunch Spot"
description="Rated 4.7 stars by our community. Join us at BOCA Brunch for a warm, delicious start to your day."
tag="4.7 ⭐ (279 Reviews)"
buttons={[
{
text: "Order Online",
href: "#",
},
{
text: "View Menu",
href: "/menu",
},
{
text: "Get Directions",
href: "/visit",
},
{ text: "Order Online", href: "#" },
{ text: "View Menu", href: "/menu" },
{ text: "Get Directions", href: "/visit" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg?_wi=1",
imageAlt: "Brunch Table",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blueberry-pancakes-brown-light-surface_114579-5287.jpg?_wi=1",
imageAlt: "Coffee Service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-ham-sauce-top_74190-757.jpg?_wi=1",
imageAlt: "Breakfast Dish",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=1",
imageAlt: "Fresh Pastries",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/orange-mimosa-cocktail-wooden-table_123827-20121.jpg?_wi=1",
imageAlt: "Mimosa Toast",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg?_wi=1", imageAlt: "Brunch Table" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blueberry-pancakes-brown-light-surface_114579-5287.jpg?_wi=1", imageAlt: "Coffee Service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-ham-sauce-top_74190-757.jpg?_wi=1", imageAlt: "Breakfast Dish" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=1", imageAlt: "Fresh Pastries" },
{ imageSrc: "http://img.b2bpic.net/free-photo/orange-mimosa-cocktail-wooden-table_123827-20121.jpg?_wi=1", imageAlt: "Mimosa Toast" },
]}
mediaAnimation="slide-up"
/>
@@ -111,21 +73,9 @@ export default function LandingPage() {
title="Why Choose BOCA?"
description="We put love into every plate we serve our local community."
features={[
{
title: "Locally Sourced",
description: "Fresh ingredients from Ontario farmers.",
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=2",
},
{
title: "Cozy Ambience",
description: "Designed for comfort and conversation.",
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg?_wi=1",
},
{
title: "Online Ordering",
description: "Quick pickup for busy mornings.",
imageSrc: "http://img.b2bpic.net/free-photo/orange-mimosa-cocktail-wooden-table_123827-20121.jpg?_wi=2",
},
{ title: "Locally Sourced", description: "Fresh ingredients from Ontario farmers.", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=2" },
{ title: "Cozy Ambience", description: "Designed for comfort and conversation.", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg?_wi=1" },
{ title: "Online Ordering", description: "Quick pickup for busy mornings.", imageSrc: "http://img.b2bpic.net/free-photo/orange-mimosa-cocktail-wooden-table_123827-20121.jpg?_wi=2" },
]}
/>
</div>
@@ -137,50 +87,10 @@ export default function LandingPage() {
title="Local Reviews"
description="See why East York calls us their favourite morning spot."
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2025",
title: "Best eggs in town!",
quote: "The eggs benedict are life-changing.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg?_wi=2",
imageAlt: "delicious brunch table flat lay",
},
{
id: "2",
name: "Mark D.",
date: "Dec 2024",
title: "Cozy spot",
quote: "Perfect atmosphere for a Sunday read.",
tag: "Coffee Lover",
avatarSrc: "http://img.b2bpic.net/free-photo/blueberry-pancakes-brown-light-surface_114579-5287.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/blueberry-pancakes-brown-light-surface_114579-5287.jpg?_wi=2",
imageAlt: "pancakes maple syrup breakfast",
},
{
id: "3",
name: "Elena R.",
date: "Nov 2024",
title: "Super friendly",
quote: "The staff here is truly amazing.",
tag: "Local",
avatarSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-ham-sauce-top_74190-757.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-ham-sauce-top_74190-757.jpg?_wi=2",
imageAlt: "eggs benedict brunch dish",
},
{
id: "4",
name: "Tom P.",
date: "Oct 2024",
title: "Quick service",
quote: "Even on busy weekends, they are fast.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-veggies-egg-toast_23-2148698714.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=3",
imageAlt: "breakfast menu food photography",
},
{ id: "1", name: "Sarah J.", date: "Jan 2025", title: "Best eggs in town!", quote: "The eggs benedict are life-changing.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg?_wi=2" },
{ id: "2", name: "Mark D.", date: "Dec 2024", title: "Cozy spot", quote: "Perfect atmosphere for a Sunday read.", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/blueberry-pancakes-brown-light-surface_114579-5287.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-pancakes-brown-light-surface_114579-5287.jpg?_wi=2" },
{ id: "3", name: "Elena R.", date: "Nov 2024", title: "Super friendly", quote: "The staff here is truly amazing.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-ham-sauce-top_74190-757.jpg", imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-ham-sauce-top_74190-757.jpg?_wi=2" },
{ id: "4", name: "Tom P.", date: "Oct 2024", title: "Quick service", quote: "Even on busy weekends, they are fast.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-veggies-egg-toast_23-2148698714.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg?_wi=3" },
]}
/>
</div>
@@ -194,27 +104,9 @@ export default function LandingPage() {
title="By The Numbers"
description="Celebrating our journey in the East York food scene."
metrics={[
{
id: "1",
value: "4.7★",
title: "Rating",
description: "Community score",
icon: Star,
},
{
id: "2",
value: "279",
title: "Reviews",
description: "Happy customers",
icon: MessageSquare,
},
{
id: "3",
value: "5+",
title: "Years",
description: "Serving community",
icon: Clock,
},
{ id: "1", value: "4.7★", title: "Rating", description: "Community score", icon: Star },
{ id: "2", value: "279", title: "Reviews", description: "Happy customers", icon: MessageSquare },
{ id: "3", value: "5+", title: "Years", description: "Serving community", icon: Clock },
]}
/>
</div>
@@ -222,42 +114,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Today"
title="Ready for a delicious meal?"
description="Come visit us today at 488 Cosburn Ave for the best brunch in the city."
buttons={[
{
text: "Book a Table",
href: "#",
},
]}
buttons={[{ text: "Book a Table", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Visit",
items: [
{
label: "488 Cosburn Ave, East York",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "(416) 425-2024",
href: "tel:4164252024",
},
],
},
{ title: "Visit", items: [{ label: "488 Cosburn Ave, East York", href: "#" }] },
{ title: "Support", items: [{ label: "(416) 425-2024", href: "tel:4164252024" }] },
]}
logoText="BOCA Brunch"
/>
@@ -265,4 +134,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}