bender/3359d886-55d4-4209-8ab6-e10f502f041d
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-12 16:11:29 +00:00
parent 61939fa1be
commit 2d457a2771
1 changed files with 47 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/app/about/page.tsx
View File

@@ -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 (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -21,47 +27,49 @@ export default function AboutPage() {
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Events", id: "/#events" },
{ name: "Visit", id: "/#visit" },
]}
brandName="Molisana Bakery"
/>
</div>
<div id="about-content" data-section="about-content">
<TextAbout
tag="Our Story"
tagIcon={History}
title="Old-School Italian Hospitality"
className="py-20"
useInvertedBackground={false}
/>
<div className="max-w-4xl mx-auto px-6 pb-20 space-y-8">
<p className="text-lg">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.</p>
<p className="text-lg">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.</p>
<p className="text-lg">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.</p>
{isMounted && (
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Events", id: "/#events" },
{ name: "Visit", id: "/#visit" },
]}
brandName="Molisana Bakery"
/>
</div>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Services", href: "/services" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/" }] },
{ title: "Visit", items: [{ label: "Directions", href: "/" }, { label: "Contact", href: "/" }] },
]}
bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
bottomRightText="Authentic Italian Daily Rituals"
/>
</div>
</ReactLenis>
<div id="about-content" data-section="about-content">
<TextAbout
tag="Our Story"
tagIcon={History}
title="Old-School Italian Hospitality"
className="py-20"
useInvertedBackground={false}
/>
<div className="max-w-4xl mx-auto px-6 pb-20 space-y-8">
<p className="text-lg">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.</p>
<p className="text-lg">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.</p>
<p className="text-lg">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.</p>
</div>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Services", href: "/services" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/" }] },
{ title: "Visit", items: [{ label: "Directions", href: "/" }, { label: "Contact", href: "/" }] },
]}
bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
bottomRightText="Authentic Italian Daily Rituals"
/>
</div>
</ReactLenis>
)}
</ThemeProvider>
);
}