Merge version_3 into main #3
@@ -3,9 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import { CalendarDays, Newspaper } from "lucide-react";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
|
||||
export default function BulletinEventsPage() {
|
||||
const navItems = [
|
||||
@@ -15,30 +14,23 @@ export default function BulletinEventsPage() {
|
||||
];
|
||||
|
||||
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" />
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Book", href: "/contact" }} />
|
||||
<main className="pt-24">
|
||||
<FeatureCardTwentyFive
|
||||
<FeatureCardSeven
|
||||
title="Upcoming Events"
|
||||
description="Join us for our community gatherings and spiritual growth opportunities."
|
||||
features={[
|
||||
{ id: "1", title: "Sunday Mass", description: "Weekly community worship at 10:00 AM.", tag: "Weekly" },
|
||||
{ id: "2", title: "Youth Bible Study", description: "Engaging sessions for teens every Wednesday.", tag: "Wednesday" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
<FeatureCardTwentyFive
|
||||
title="Bulletin Archive"
|
||||
description="Access past weekly bulletins for news, reflections, and community updates."
|
||||
features={[
|
||||
{ id: "a", title: "March 2025 Bulletin", description: "Highlights and community news for March.", tag: "PDF" },
|
||||
{ id: "b", title: "February 2025 Bulletin", description: "Reflections and schedule for February.", tag: "PDF" }
|
||||
{ title: "Sunday Mass", description: "Weekly community worship at 10:00 AM.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" },
|
||||
{ title: "Youth Bible Study", description: "Engaging sessions for teens every Wednesday.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</main>
|
||||
<FooterLogoEmphasis
|
||||
<FooterBase
|
||||
logoText="Coach"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import ReactLenis from "lenis/react";
|
||||
|
||||
export default function ContactPage() {
|
||||
@@ -16,22 +16,31 @@ export default function ContactPage() {
|
||||
return (
|
||||
<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" />
|
||||
<ContactSplit
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Book", href: "/contact" }} />
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Get in touch with us"
|
||||
description="We are here to answer your questions and provide support. Our address is 123 Faith Street, Cityville. Reach us by phone at (555) 123-4567. Open Monday-Friday, 9am - 5pm."
|
||||
description="We are here to answer your questions and provide support."
|
||||
buttons={[{ text: "Contact", href: "/contact" }]}
|
||||
background={{ variant: "plain" }}
|
||||
mediaPosition="left"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
<FooterBase
|
||||
logoText="Coach"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,10 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Heart, Users } from "lucide-react";
|
||||
|
||||
export default function GivingPage() {
|
||||
const navItems = [
|
||||
@@ -17,41 +18,51 @@ export default function GivingPage() {
|
||||
return (
|
||||
<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" />
|
||||
<MetricCardSeven
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Give", href: "/giving" }} />
|
||||
<MetricCardThree
|
||||
title="Our Impact"
|
||||
description="Your generosity makes a real difference. Together, we've supported thousands on their journey."
|
||||
textboxLayout="split"
|
||||
description="Your generosity makes a real difference."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "$500k", title: "Total Donated", items: ["Community Support", "Direct Aid"] },
|
||||
{ id: "2", value: "10k", title: "Lives Impacted", items: ["Mentorship Programs", "Events"] },
|
||||
{ id: "1", icon: Heart, title: "Total Donated", value: "$500k" },
|
||||
{ id: "2", icon: Users, title: "Lives Impacted", value: "10k" },
|
||||
]}
|
||||
/>
|
||||
<PricingCardNine
|
||||
<PricingCardThree
|
||||
title="Support Our Mission"
|
||||
description="Choose an option that works best for you."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly", title: "Monthly Partner", price: "$50", period: "/month", features: ["Exclusive updates", "Community access", "Direct impact dashboard"],
|
||||
button: { text: "Give Monthly", href: "#" },
|
||||
id: "monthly", name: "Monthly Partner", price: "$50", features: ["Exclusive updates", "Community access"],
|
||||
buttons: [{ text: "Give Monthly", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "one-time", title: "One-Time Gift", price: "$100", period: "", features: ["Receipt provided", "Direct impact email"],
|
||||
button: { text: "Give Now", href: "#" },
|
||||
id: "one-time", name: "One-Time Gift", price: "$100", features: ["Receipt provided"],
|
||||
buttons: [{ text: "Give Now", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
<FooterBase
|
||||
logoText="Coach"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -18,7 +18,7 @@ const inter = Inter({
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = { title: 'Elevate Your Leadership | Expert Business Coaching Services', description: 'Unlock your full potential with personalized business coaching. Strategic guidance to scale your operations, refine your leadership, and achieve sustainable growth.' };
|
||||
export const metadata: Metadata = { title: 'Coach Website', description: 'Professional coaching and parish community services.' };
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function MassTimesPage() {
|
||||
const navItems = [
|
||||
@@ -13,29 +13,17 @@ export default function MassTimesPage() {
|
||||
];
|
||||
|
||||
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="St. Mary's" />
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact", href: "/contact" }} />
|
||||
<div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
|
||||
<h1 className="text-4xl font-bold mb-8">Mass Schedule</h1>
|
||||
<table className="w-full text-left border-collapse">
|
||||
<thead>
|
||||
<tr className="border-b">
|
||||
<th className="p-4">Day</th>
|
||||
<th className="p-4">Time</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b"><td className="p-4">Sunday</td><td className="p-4">8:00 AM, 10:30 AM</td></tr>
|
||||
<tr className="border-b"><td className="p-4">Monday - Friday</td><td className="p-4">9:00 AM</td></tr>
|
||||
<tr className="border-b"><td className="p-4">Saturday</td><td className="p-4">5:00 PM (Vigil)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div className="mt-12 p-6 bg-secondary rounded-lg">
|
||||
<h3 className="font-bold text-xl">Location</h3>
|
||||
<p>123 Parish Way, Faithful City, FC 12345</p>
|
||||
</div>
|
||||
</div>
|
||||
<FooterBase logoText="Coach" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
|
||||
export default function MinistriesPage() {
|
||||
const navItems = [
|
||||
@@ -14,22 +14,24 @@ export default function MinistriesPage() {
|
||||
];
|
||||
|
||||
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" />
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact", href: "/contact" }} />
|
||||
<main className="pt-24">
|
||||
<FeatureCardTwentyFive
|
||||
<FeatureCardSeven
|
||||
title="Parish Ministries"
|
||||
description="Discover ways to serve, connect, and grow within our parish community."
|
||||
features={[
|
||||
{ id: "m1", title: "Food Pantry", description: "Serving those in need in our local community.", tag: "Service" },
|
||||
{ id: "m2", title: "Music Ministry", description: "Enhancing our worship through song and instrumentation.", tag: "Creative" },
|
||||
{ id: "m3", title: "Youth Mentorship", description: "Supporting and guiding the next generation.", tag: "Volunteer" }
|
||||
{ title: "Food Pantry", description: "Serving those in need.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" },
|
||||
{ title: "Music Ministry", description: "Enhancing our worship.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" },
|
||||
{ title: "Youth Mentorship", description: "Supporting the next generation.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</main>
|
||||
<FooterLogoEmphasis
|
||||
<FooterBase
|
||||
logoText="Coach"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
|
||||
123
src/app/page.tsx
123
src/app/page.tsx
@@ -1,22 +1,14 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Sparkles, Target, Users, TrendingUp, Lightbulb } from "lucide-react";
|
||||
|
||||
export default function BusinessCoachTemplatePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Giving", id: "/giving" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
@@ -40,119 +32,22 @@ export default function BusinessCoachTemplatePage() {
|
||||
brandName="Coach"
|
||||
button={{ text: "Book a Call", href: "/contact" }}
|
||||
/>
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Business Coach"
|
||||
tagIcon={Sparkles}
|
||||
title="Transform your business with proven strategies"
|
||||
description="I help entrepreneurs and executives unlock their full potential and build thriving businesses through personalized coaching."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero1.webp", imageAlt: "Coaching session" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/business-coach/hero/hero2.webp", imageAlt: "Business growth" },
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Rated by loving Clients"
|
||||
buttons={[
|
||||
{ text: "Book a Call", href: "/contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
<FeatureCardTwentyFive
|
||||
tag="Services"
|
||||
tagIcon={Sparkles}
|
||||
title="How I Can Help You"
|
||||
description="Comprehensive coaching services designed to accelerate your growth"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Business Strategy", description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.", icon: Target,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Team collaborating around a whiteboard" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=800&h=600&fit=crop", imageAlt: "Strategy meeting presentation" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leadership Development", description: "Build the leadership skills needed to inspire teams and drive organizational success.", icon: Users,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800&h=600&fit=crop", imageAlt: "Professional team meeting" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=800&h=600&fit=crop", imageAlt: "Confident business leader" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Growth Acceleration", description: "Identify opportunities and implement systems to scale your business efficiently.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=800&h=600&fit=crop", imageAlt: "Business analytics dashboard" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop", imageAlt: "Growth metrics on screen" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Mindset Coaching", description: "Overcome limiting beliefs and develop the mindset of a successful entrepreneur.", icon: Lightbulb,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1508672019048-805c876b67e2?w=800&h=600&fit=crop", imageAlt: "Mindfulness and focus" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1521791136064-7986c2920216?w=800&h=600&fit=crop", imageAlt: "One-on-one coaching session" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardSixteen
|
||||
tag="Testimonials"
|
||||
tagIcon={Sparkles}
|
||||
title="What My Clients Say"
|
||||
description="Hear from entrepreneurs who've transformed their businesses"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", role: "Founder & CEO", company: "TechStart Inc", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400&h=400&fit=crop&crop=face", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Managing Director", company: "Growth Partners", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Business Owner", company: "Creative Studios", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=400&fit=crop&crop=face", imageAlt: "Emily Rodriguez"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "200+", label: "Clients coached" },
|
||||
{ value: "95%", label: "Success rate" },
|
||||
{ value: "12+", label: "Years experience" },
|
||||
]}
|
||||
/>
|
||||
<ContactText
|
||||
text="Ready to transform your business? Let's start your journey to success today."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Book a Free Consultation", href: "/contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
<main className="pt-32">
|
||||
<h1 className="text-center text-4xl">Welcome to Coach</h1>
|
||||
</main>
|
||||
<FooterBase
|
||||
logoText="Coach"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Giving", href: "/giving" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -3,6 +3,7 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function SacramentsPage() {
|
||||
const navItems = [
|
||||
@@ -11,25 +12,15 @@ export default function SacramentsPage() {
|
||||
{ name: "Sacraments", id: "/sacraments" },
|
||||
];
|
||||
|
||||
const sacraments = [
|
||||
"Baptism", "Confirmation", "Eucharist", "Penance", "Anointing of the Sick", "Holy Orders", "Matrimony"
|
||||
];
|
||||
|
||||
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="St. Mary's" />
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact", href: "/contact" }} />
|
||||
<div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
|
||||
<h1 className="text-4xl font-bold mb-8">Sacraments</h1>
|
||||
<p className="mb-8">The seven sacraments are the life of our Church. Contact the parish office for preparation details.</p>
|
||||
<div className="grid gap-4">
|
||||
{sacraments.map((s) => (
|
||||
<div key={s} className="p-6 border rounded-lg">
|
||||
<h3 className="text-xl font-semibold">{s}</h3>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<p>The seven sacraments are the life of our Church.</p>
|
||||
</div>
|
||||
<FooterBase logoText="Coach" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user