Update theme colors

Update src/app/page.tsx
Update src/app/menu/page.tsx
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 · 2026-04-12 15:23:27 +00:00 · 2026-04-12 15:23:26 +00:00
5 changed files with 84 additions and 29 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -30,6 +30,7 @@ export default function AboutPage() {
              { name: "Catering", id: "/#catering" },
              { name: "Events", id: "/#events" },
              { name: "Visit", id: "/#visit" },
+              { name: "Contact", id: "/contact" },
            ]}
            brandName="Molisana Bakery"
          />
@@ -55,7 +56,7 @@ export default function AboutPage() {
            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", onClick: () => { window.location.href = '/#contact'; } }] },
+              { 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
@@ -29,6 +29,7 @@ export default function MenuPage() {
              { name: "Catering", id: "/#catering" },
              { name: "Events", id: "/#events" },
              { name: "Visit", id: "/#visit" },
+              { name: "Contact", id: "/contact" },
            ]}
            brandName="Molisana Bakery"
          />
@@ -39,7 +40,7 @@ export default function MenuPage() {
                <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"}]}
+                    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"
@@ -50,7 +51,7 @@ export default function MenuPage() {
                <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"}]}
+                    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"
@@ -61,7 +62,7 @@ export default function MenuPage() {
                <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"}]}
+                    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"
@@ -72,7 +73,7 @@ export default function MenuPage() {
                <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"}]}
+                    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"
@@ -83,7 +84,7 @@ export default function MenuPage() {
                <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"}]}
+                    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"
@@ -97,7 +98,7 @@ export default function MenuPage() {
            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", onClick: () => { window.location.href = '/#contact'; } }] },
+              { 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/page.tsx
+++ b/src/app/page.tsx
@@ -34,6 +34,7 @@ export default function LandingPage() {
        { name: "Catering", id: "/#catering" },
        { name: "Events", id: "/#events" },
        { name: "Visit", id: "/#visit" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Molisana Bakery"
    />
@@ -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="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", onClick: () => { const el = document.getElementById('contact'); el?.scrollIntoView({ behavior: 'smooth' }); } },
-      ]}
-    />
-  </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", onClick: () => { const el = document.getElementById('contact'); el?.scrollIntoView({ behavior: 'smooth' }); } }] },
+        { 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;
+  --foreground: #ffffff;
+  --primary-cta: #fefefe;
  --primary-cta-text: #1c140f;
  --secondary-cta: #2F4A3A;
  --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	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