diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 9d83848..167d61a 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -6,8 +6,14 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import TextAbout from '@/components/sections/about/TextAbout'; import FooterSimple from '@/components/sections/footer/FooterSimple'; import { History } from "lucide-react"; +import { useEffect, useState } from "react"; export default function AboutPage() { + const [isMounted, setIsMounted] = useState(false); + useEffect(() => { + setIsMounted(true); + }, []); + return ( - - - -
- -
-

Molisana Bakery was born from a desire to bring the authentic, old-school Italian bakery experience to our local community. We pride ourselves on preserving traditions passed down through generations.

-

Our daily hot table is the heart of our kitchen, featuring scratch-made classics that change with the seasons. We believe food is a language of love, and we serve every dish with the warmth of a family gathering.

-

Whether you stop in for your morning espresso ritual to start the day or join us for a slow lunch, our commitment to hospitality remains the same: treat every customer like a long-time friend at our family table.

+ {isMounted && ( + + -
- - +
+ +
+

Molisana Bakery was born from a desire to bring the authentic, old-school Italian bakery experience to our local community. We pride ourselves on preserving traditions passed down through generations.

+

Our daily hot table is the heart of our kitchen, featuring scratch-made classics that change with the seasons. We believe food is a language of love, and we serve every dish with the warmth of a family gathering.

+

Whether you stop in for your morning espresso ritual to start the day or join us for a slow lunch, our commitment to hospitality remains the same: treat every customer like a long-time friend at our family table.

+
+
+ + + + )} ); } \ No newline at end of file diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index dbdbf84..39b2aed 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -5,8 +5,14 @@ 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'; +import { useEffect, useState } from "react"; export default function MenuPage() { + const [isMounted, setIsMounted] = useState(false); + useEffect(() => { + setIsMounted(true); + }, []); + return ( - - + {isMounted && ( + + -
-
- -
-
- -
-
- -
-
- -
-
- -
-
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
- - + + + )} ); } \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 12c3017..c936237 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,8 +10,14 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import ProductCardThree from '@/components/sections/product/ProductCardThree'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import { Award, Coffee, Smile } from "lucide-react"; +import { useEffect, useState } from "react"; export default function LandingPage() { + const [isMounted, setIsMounted] = useState(false); + useEffect(() => { + setIsMounted(true); + }, []); + return ( - - + {isMounted && ( + + -
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- { const el = document.getElementById('contact'); el?.scrollIntoView({ behavior: 'smooth' }); } }, - ]} - /> -
+
+ { const el = document.getElementById('contact'); el?.scrollIntoView({ behavior: 'smooth' }); } }, + ]} + /> +
- - + + + )} ); -} +} \ No newline at end of file diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 1cba8fb..a4503e4 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -6,8 +6,14 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import FooterSimple from '@/components/sections/footer/FooterSimple'; import SplitAbout from '@/components/sections/about/SplitAbout'; import { Phone } from "lucide-react"; +import { useEffect, useState } from "react"; export default function ServicesPage() { + const [isMounted, setIsMounted] = useState(false); + useEffect(() => { + setIsMounted(true); + }, []); + return ( - - + {isMounted && ( + + -
- -
-
-
- -
-
-

Ready to Book?

-

Give us a call at (905) 856-6100 to discuss your catering requirements or email us at hello@molisanabakery.com.

+
+ +
+
+
+ +
+
+

Ready to Book?

+

Give us a call at (905) 856-6100 to discuss your catering requirements or email us at hello@molisanabakery.com.

+
-
- - + + + )} ); } \ No newline at end of file