Update theme colors

2026-04-12 15:29:23 +00:00 · 2026-04-12 15:29:05 +00:00 · 2026-04-12 15:28:23 +00:00 · 2026-04-12 15:23:51 +00:00 · 2026-04-12 15:23:51 +00:00 · 2026-04-12 15:23:27 +00:00
5 changed files with 199 additions and 35 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -25,11 +25,12 @@ export default function AboutPage() {
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
-              { name: "Menu", id: "/#menu" },
+              { name: "Menu", id: "/menu" },
              { name: "About", id: "/about" },
              { name: "Catering", id: "/#catering" },
              { name: "Events", id: "/#events" },
              { name: "Visit", id: "/#visit" },
+              { name: "Contact", id: "/contact" },
            ]}
            brandName="Molisana Bakery"
          />
@@ -53,9 +54,9 @@ export default function AboutPage() {
        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
-              { title: "Bakery", items: [{ label: "Menu", href: "/#menu" }, { label: "Catering", href: "/#catering" }] },
+              { title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Catering", href: "/#catering" }] },
              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/#events" }] },
-              { title: "Visit", items: [{ label: "Directions", href: "/#visit" }, { label: "Contact", href: "tel:+1000000000" }] },
+              { title: "Visit", items: [{ label: "Directions", href: "/#visit" }, { label: "Contact", href: "/contact" }] },
            ]}
            bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
            bottomRightText="Authentic Italian Daily Rituals"
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="floatingGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/#catering" },
+              { name: "Events", id: "/#events" },
+              { name: "Visit", id: "/#visit" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Molisana Bakery"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Visit us at 5731 Hwy 7, Woodbridge, ON L4L 1T7. We are open daily from 6 a.m. to 10 p.m. Call us at (905) 856-6100 for orders and inquiries."
+            buttons={[
+              { text: "Get a Catering Quote", href: "mailto:hello@molisanabakery.com" },
+              { text: "Call (905) 856-6100", href: "tel:+19058566100" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Catering", href: "/#catering" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/#events" }] },
+              { title: "Visit", items: [{ label: "Directions", href: "/#visit" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
+            bottomRightText="Authentic Italian Daily Rituals"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,110 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="floatingGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/#catering" },
+              { name: "Events", id: "/#events" },
+              { name: "Visit", id: "/#visit" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Molisana Bakery"
+          />
+        </div>
+
+        <div className="pt-32 pb-20">
+            <div id="espresso-bar" data-section="products">
+                <ProductCardThree 
+                    title="Espresso Bar"
+                    description="Premium Italian roasted coffee rituals."
+                    products={[{id: "e1", name: "Espresso", price: "", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-latte-decorated-with-daffodil_141793-433.jpg?_wi=2"}]}
+                    gridVariant="uniform-all-items-equal"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+            </div>
+            <div id="hot-table" data-section="products">
+                <ProductCardThree 
+                    title="Hot Table Classics"
+                    description="Scratch-made daily rotating specials."
+                    products={[{id: "h1", name: "Lasagna", price: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-with-meat-tomato-sauce-grey-surface-meal-pasta-dough-food-dinner_140725-85885.jpg?_wi=2"}]}
+                    gridVariant="uniform-all-items-equal"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+            </div>
+            <div id="sandwiches" data-section="products">
+                <ProductCardThree 
+                    title="Sandwiches"
+                    description="Fresh bread, packed with cured meats."
+                    products={[{id: "s1", name: "Porchetta Sandwich", price: "", imageSrc: "http://img.b2bpic.net/free-photo/roll-hot-smoked-fish_2829-14225.jpg?_wi=2"}]}
+                    gridVariant="uniform-all-items-equal"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+            </div>
+            <div id="pastries" data-section="products">
+                <ProductCardThree 
+                    title="Pastries"
+                    description="Sweet treats, artisan style."
+                    products={[{id: "p1", name: "Pistachio Cannoli", price: "", imageSrc: "http://img.b2bpic.net/free-photo/closeup-raw-vegan-roll-made-from-hazelnuts-purple-grunge-tabletop_181624-44513.jpg?_wi=2"}]}
+                    gridVariant="uniform-all-items-equal"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+            </div>
+            <div id="catering" data-section="products">
+                <ProductCardThree 
+                    title="Catering Trays"
+                    description="Perfect for your next gathering."
+                    products={[{id: "c1", name: "Party Tray", price: "", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-103644.jpg?_wi=2"}]}
+                    gridVariant="uniform-all-items-equal"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                />
+            </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Catering", href: "/#catering" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/#events" }] },
+              { title: "Visit", items: [{ label: "Directions", href: "/#visit" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
+            bottomRightText="Authentic Italian Daily Rituals"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,11 +29,12 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        { name: "Menu", id: "#menu" },
+        { name: "Menu", id: "/menu" },
        { name: "About", id: "/about" },
-        { name: "Catering", id: "#catering" },
-        { name: "Events", id: "#events" },
-        { name: "Visit", id: "#visit" },
+        { name: "Catering", id: "/#catering" },
+        { name: "Events", id: "/#events" },
+        { name: "Visit", id: "/#visit" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Molisana Bakery"
    />
@@ -45,8 +46,8 @@ export default function LandingPage() {
      title="Wood-Fired Comfort, Italian Classics & Espresso Done Right."
      description="From early-morning cappuccinos to hot table favourites and fresh pastries — Molisana Bakery is your daily Italian ritual."
      buttons={[
-        { text: "View Menu", href: "#menu" },
-        { text: "Order Catering", href: "#catering" },
+        { text: "View Menu", href: "/menu" },
+        { text: "Order Catering", href: "/#catering" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-white-sweater-pouring-milk-into-coffee-dessert_1157-26624.jpg"
      imageAlt="authentic italian bakery display"
@@ -89,12 +90,12 @@ export default function LandingPage() {
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      products={[
-        { id: "p1", name: "Lasagna Al Forno", price: "CA$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-with-meat-tomato-sauce-grey-surface-meal-pasta-dough-food-dinner_140725-85885.jpg" },
+        { id: "p1", name: "Lasagna Al Forno", price: "CA$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-with-meat-tomato-sauce-grey-surface-meal-pasta-dough-food-dinner_140725-85885.jpg?_wi=1" },
        { id: "p2", name: "Signature Tiramisu", price: "CA$8", imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-tiramisu-cake_114579-43299.jpg" },
-        { id: "p3", name: "Pistachio Cannoli", price: "CA$5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-raw-vegan-roll-made-from-hazelnuts-purple-grunge-tabletop_181624-44513.jpg" },
-        { id: "p4", name: "Porchetta Sandwich", price: "CA$12", imageSrc: "http://img.b2bpic.net/free-photo/roll-hot-smoked-fish_2829-14225.jpg" },
-        { id: "p5", name: "Cafe Crema", price: "CA$4", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-latte-decorated-with-daffodil_141793-433.jpg" },
-        { id: "p6", name: "Focaccia Sandwich", price: "CA$14", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-103644.jpg" },
+        { id: "p3", name: "Pistachio Cannoli", price: "CA$5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-raw-vegan-roll-made-from-hazelnuts-purple-grunge-tabletop_181624-44513.jpg?_wi=1" },
+        { id: "p4", name: "Porchetta Sandwich", price: "CA$12", imageSrc: "http://img.b2bpic.net/free-photo/roll-hot-smoked-fish_2829-14225.jpg?_wi=1" },
+        { id: "p5", name: "Cafe Crema", price: "CA$4", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-latte-decorated-with-daffodil_141793-433.jpg?_wi=1" },
+        { id: "p6", name: "Focaccia Sandwich", price: "CA$14", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-103644.jpg?_wi=1" },
      ]}
      title="Our Daily Classics"
      description="Authentic recipes, generous portions, and the quality you expect from a real Italian eatery."
@@ -119,24 +120,12 @@ export default function LandingPage() {
    />
  </div>

-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to feed your team? From corporate catering to private birthday dinners, we bring the authentic taste of Italy to your event."
-      buttons={[
-        { text: "Get a Catering Quote", href: "mailto:hello@molisanabakery.com" },
-        { text: "Call to Order", href: "tel:+1000000000" },
-      ]}
-    />
-  </div>
-
  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
-        { title: "Bakery", items: [{ label: "Menu", href: "#menu" }, { label: "Catering", href: "#catering" }] },
-        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "#events" }] },
-        { title: "Visit", items: [{ label: "Directions", href: "#visit" }, { label: "Contact", href: "tel:+1000000000" }] },
+        { title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Catering", href: "/#catering" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/#events" }] },
+        { title: "Visit", items: [{ label: "Directions", href: "/#visit" }, { label: "Contact", href: "/contact" }] },
      ]}
      bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
      bottomRightText="Authentic Italian Daily Rituals"
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #F6F1E8;
+  --background: #526bac;
  --card: #ffffff;
-  --foreground: #141414;
-  --primary-cta: #B08D57;
-  --primary-cta-text: #1c140f;
-  --secondary-cta: #2F4A3A;
+  --foreground: #071645;
+  --primary-cta: #000000;
+  --primary-cta-text: #000000;
+  --secondary-cta: #000000;
  --secondary-cta-text: #ffffff;
  --accent: #2B1B14;
-  --background-accent: #B08D57;
+  --background-accent: #000000;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2ef0eea32e	Update theme colors	2026-04-12 15:29:23 +00:00
bender	5da509f012	Update theme colors	2026-04-12 15:29:05 +00:00
bender	3e0ec58e33	Update theme colors	2026-04-12 15:28:23 +00:00
bender	01519c4c9c	Update src/app/page.tsx	2026-04-12 15:23:51 +00:00
bender	7a9a29aaea	Update src/app/menu/page.tsx	2026-04-12 15:23:51 +00:00
bender	c88c5b337f	Update src/app/page.tsx	2026-04-12 15:23:27 +00:00
bender	2ca75f9aae	Update src/app/menu/page.tsx	2026-04-12 15:23:27 +00:00
bender	8b4e3ab88d	Add src/app/contact/page.tsx	2026-04-12 15:23:26 +00:00
bender	8b9a385abe	Update src/app/about/page.tsx	2026-04-12 15:23:26 +00:00
bender	d8b9d837dd	Merge version_6 into main Merge version_6 into main	2026-04-12 02:08:20 +00:00
bender	700a18dcb1	Update src/app/menu/page.tsx	2026-04-12 02:08:14 +00:00
bender	9bf715db39	Merge version_5 into main Merge version_5 into main	2026-04-12 02:06:36 +00:00
bender	859d3445d8	Update src/app/menu/page.tsx	2026-04-12 02:06:33 +00:00
bender	0441bbbb0c	Merge version_5 into main Merge version_5 into main	2026-04-12 02:06:08 +00:00
bender	f98adee82b	Update src/app/page.tsx	2026-04-12 02:06:05 +00:00
bender	4198fe0543	Add src/app/menu/page.tsx	2026-04-12 02:06:05 +00:00
bender	5f5bc91df2	Update src/app/about/page.tsx	2026-04-12 02:06:04 +00:00
bender	7df8dce1a6	Merge version_4 into main Merge version_4 into main	2026-04-12 02:03:59 +00:00
bender	3c3531aac5	Update src/app/page.tsx	2026-04-12 02:03:56 +00:00
bender	7949c5d998	Update src/app/about/page.tsx	2026-04-12 02:03:56 +00:00
bender	5dba82eeb6	Merge version_3 into main Merge version_3 into main	2026-04-12 02:00:17 +00:00
bender	499b19b4b6	Update src/app/page.tsx	2026-04-12 02:00:14 +00:00
bender	f8c0949f3a	Update src/app/about/page.tsx	2026-04-12 02:00:13 +00:00
bender	6370a6b845	Merge version_2 into main Merge version_2 into main	2026-04-12 01:58:51 +00:00
bender	d1f65a3369	Merge version_2 into main Merge version_2 into main	2026-04-12 01:58:25 +00:00