Merge version_4 into main #6
@@ -2,7 +2,7 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { History } from "lucide-react";
|
||||
@@ -28,20 +28,26 @@ export default function AboutPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Get Involved", href: "/contact" }}
|
||||
/>
|
||||
<main className="pt-32">
|
||||
<MediaAbout
|
||||
title="Our History & Mission"
|
||||
description="Founded with a vision of community and spiritual growth, St. Jerome has been a pillar of the neighborhood for decades. We are dedicated to nurturing faith through tradition, sacraments, and active engagement with our local mission."
|
||||
tag="Faith in Action"
|
||||
tagIcon={History}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPYUJPeaDgYc4FSlAZFCKnMOqE/uploaded-1776289077687-hlsfoa09.jpg"
|
||||
imageAlt="Church History"
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Join Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<main className="pt-32">
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Our History & Mission"
|
||||
description="Founded with a vision of community and spiritual growth, St. Jerome has been a pillar of the neighborhood for decades. We are dedicated to nurturing faith through tradition, sacraments, and active engagement with our local mission."
|
||||
tag="Faith in Action"
|
||||
tagIcon={History}
|
||||
metrics={[{ value: "100+", title: "Years Served" }, { value: "500+", title: "Families" }]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPYUJPeaDgYc4FSlAZFCKnMOqE/uploaded-1776289077687-hlsfoa09.jpg"
|
||||
imageAlt="Church History"
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
<FooterCard
|
||||
logoText="St. Jerome"
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { MapPin } from "lucide-react";
|
||||
@@ -28,20 +28,24 @@ export default function ContactPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Get Involved", href: "/contact" }}
|
||||
/>
|
||||
<main className="pt-32">
|
||||
<ContactCTA
|
||||
title="Contact Information"
|
||||
description="We are located in the heart of our community. Feel free to visit, reach out via phone, or send us a message through our parish office. We look forward to welcoming you."
|
||||
tag="Visit Us"
|
||||
tagIcon={MapPin}
|
||||
buttons={[{ text: "Call Parish Office", href: "tel:+1234567890" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Join Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<main className="pt-32">
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Contact Information"
|
||||
description="We are located in the heart of our community. Feel free to visit, reach out via phone, or send us a message through our parish office. We look forward to welcoming you."
|
||||
tag="Visit Us"
|
||||
tagIcon={MapPin}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
<FooterCard
|
||||
logoText="St. Jerome"
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function MassSchedulePage() {
|
||||
@@ -11,18 +10,33 @@ export default function MassSchedulePage() {
|
||||
{ name: "Mass Schedule", id: "/mass-schedule" },
|
||||
{ name: "Sacraments", id: "/sacraments" },
|
||||
{ name: "Staff", id: "/staff" },
|
||||
{ name: "Giving", id: "/giving" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "/contact" }} />
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Join Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<main className="pt-32 min-h-screen px-4">
|
||||
<h1 className="text-4xl font-bold text-center mb-8">Mass Schedule</h1>
|
||||
</main>
|
||||
<FooterBase logoText="Coach" columns={[{ title: "Navigation", items: navItems.map(i => ({ label: i.name, href: i.id })) }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function SacramentsPage() {
|
||||
@@ -11,18 +10,33 @@ export default function SacramentsPage() {
|
||||
{ name: "Mass Schedule", id: "/mass-schedule" },
|
||||
{ name: "Sacraments", id: "/sacraments" },
|
||||
{ name: "Staff", id: "/staff" },
|
||||
{ name: "Giving", id: "/giving" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "/contact" }} />
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Join Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<main className="pt-32 min-h-screen px-4">
|
||||
<h1 className="text-4xl font-bold text-center mb-8">Sacraments</h1>
|
||||
</main>
|
||||
<FooterBase logoText="Coach" columns={[{ title: "Navigation", items: navItems.map(i => ({ label: i.name, href: i.id })) }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function StaffPage() {
|
||||
@@ -11,18 +10,33 @@ export default function StaffPage() {
|
||||
{ name: "Mass Schedule", id: "/mass-schedule" },
|
||||
{ name: "Sacraments", id: "/sacraments" },
|
||||
{ name: "Staff", id: "/staff" },
|
||||
{ name: "Giving", id: "/giving" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" button={{ text: "Book a Call", href: "/contact" }} />
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="St. Jerome"
|
||||
button={{ text: "Join Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<main className="pt-32 min-h-screen px-4">
|
||||
<h1 className="text-4xl font-bold text-center mb-8">Our Staff</h1>
|
||||
</main>
|
||||
<FooterBase logoText="Coach" columns={[{ title: "Navigation", items: navItems.map(i => ({ label: i.name, href: i.id })) }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user