Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-15 21:36:41 +00:00
7 changed files with 280 additions and 107 deletions

View File

@@ -0,0 +1,48 @@
"use client";
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";
export default function BulletinEventsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Bulletin & Events", id: "/bulletin-and-events" },
{ name: "Ministries", id: "/ministries" },
];
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
<main className="pt-24">
<FeatureCardTwentyFive
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" }
]}
animationType="slide-up"
/>
</main>
<FooterLogoEmphasis
logoText="Coach"
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}

37
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,37 @@
"use client";
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 ReactLenis from "lenis/react";
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Giving", id: "/giving" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
contentWidth="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
<ContactSplit
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."
background={{ variant: "plain" }}
mediaPosition="left"
/>
<FooterLogoEmphasis
logoText="Coach"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}

57
src/app/giving/page.tsx Normal file
View File

@@ -0,0 +1,57 @@
"use client";
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 ReactLenis from "lenis/react";
export default function GivingPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Giving", id: "/giving" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
contentWidth="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
<MetricCardSeven
title="Our Impact"
description="Your generosity makes a real difference. Together, we've supported thousands on their journey."
textboxLayout="split"
animationType="slide-up"
metrics={[
{ id: "1", value: "$500k", title: "Total Donated", items: ["Community Support", "Direct Aid"] },
{ id: "2", value: "10k", title: "Lives Impacted", items: ["Mentorship Programs", "Events"] },
]}
/>
<PricingCardNine
title="Support Our Mission"
description="Choose an option that works best for you."
textboxLayout="split"
animationType="slide-up"
plans={[
{
id: "monthly", title: "Monthly Partner", price: "$50", period: "/month", features: ["Exclusive updates", "Community access", "Direct impact dashboard"],
button: { 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: "#" },
},
]}
/>
<FooterLogoEmphasis
logoText="Coach"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,42 @@
"use client";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactText from "@/components/sections/contact/ContactText";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function MassTimesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Mass Times", id: "/mass-times" },
{ name: "Sacraments", id: "/sacraments" },
];
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="St. Mary's" />
<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>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,39 @@
"use client";
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";
export default function MinistriesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Bulletin & Events", id: "/bulletin-and-events" },
{ name: "Ministries", id: "/ministries" },
];
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
<main className="pt-24">
<FeatureCardTwentyFive
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" }
]}
animationType="slide-up"
/>
</main>
<FooterLogoEmphasis
logoText="Coach"
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -17,7 +17,8 @@ export default function BusinessCoachTemplatePage() {
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
{ name: "Giving", id: "/giving" },
{ name: "Contact", id: "/contact" },
];
return (
@@ -37,7 +38,7 @@ export default function BusinessCoachTemplatePage() {
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Coach"
button={{ text: "Book a Call", href: "#contact" }}
button={{ text: "Book a Call", href: "/contact" }}
/>
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
@@ -52,8 +53,8 @@ export default function BusinessCoachTemplatePage() {
rating={5}
ratingText="Rated by loving Clients"
buttons={[
{ text: "Book a Call", href: "#" },
{ text: "Learn More", href: "#" },
{ text: "Book a Call", href: "/contact" },
{ text: "Learn More", href: "#about" },
]}
mediaAnimation="slide-up"
/>
@@ -67,36 +68,28 @@ export default function BusinessCoachTemplatePage() {
useInvertedBackground={false}
features={[
{
title: "Business Strategy",
description: "Crafting clear, actionable strategies that align with your goals for sustainable growth.",
icon: Target,
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,
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,
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,
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" },
@@ -114,32 +107,14 @@ export default function BusinessCoachTemplatePage() {
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: "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: "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",
},
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" },
@@ -147,90 +122,29 @@ export default function BusinessCoachTemplatePage() {
{ value: "12+", label: "Years experience" },
]}
/>
<TeamCardTen
title="Get to know the experienced coaches who will personally guide your entire business transformation journey"
tag="About"
membersAnimation="slide-up"
memberVariant="card"
useInvertedBackground={false}
members={[
{
id: "1",
name: "John Anderson",
imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face",
imageAlt: "John Anderson - Business Coach",
},
{
id: "2",
name: "Lisa Thompson",
imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=400&fit=crop&crop=face",
imageAlt: "Lisa Thompson - Executive Coach",
},
]}
/>
<FaqSplitMedia
tag="FAQ"
tagIcon={Sparkles}
title="Frequently Asked Questions"
description="Get answers to common questions about my coaching services"
textboxLayout="default"
faqsAnimation="slide-up"
mediaAnimation="slide-up"
useInvertedBackground={false}
imageSrc="https://images.unsplash.com/photo-1553877522-43269d4ea984?w=800&h=600&fit=crop"
imageAlt="Business coaching consultation"
mediaPosition="right"
faqs={[
{
id: "1",
title: "What types of businesses do you work with?",
content: "I work with entrepreneurs, startups, and established businesses across various industries. My coaching is tailored to your specific challenges and goals, whether you're just starting out or scaling to the next level.",
},
{
id: "2",
title: "How long is a typical coaching engagement?",
content: "Most clients see significant results within 3-6 months of consistent coaching. However, the duration depends on your goals and challenges. We'll create a customized plan during our initial consultation.",
},
{
id: "3",
title: "What can I expect from our sessions?",
content: "Each session is a focused, action-oriented conversation where we'll work through your challenges, develop strategies, and set clear action items. You'll leave every session with concrete steps to implement.",
},
{
id: "4",
title: "Do you offer virtual coaching sessions?",
content: "Yes, I offer both in-person and virtual coaching sessions via Zoom. Virtual sessions provide the same level of engagement and results, making coaching accessible regardless of your location.",
},
]}
/>
<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: "#" },
{ text: "Learn More", href: "#" },
{ text: "Book a Free Consultation", href: "/contact" },
{ text: "Learn More", href: "#about" },
]}
/>
<FooterLogoEmphasis
logoText="Coach"
columns={[
{
items: [
title: "Navigation", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "Giving", href: "/giving" },
{ label: "Contact", href: "/contact" },
],
},
{
items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" },
{ label: "Book a Call", href: "#" },
],
},
{
items: [
title: "Social", items: [
{ label: "LinkedIn", href: "#" },
{ label: "Twitter", href: "#" },
{ label: "Instagram", href: "#" },

View File

@@ -0,0 +1,36 @@
"use client";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function SacramentsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Mass Times", id: "/mass-times" },
{ name: "Sacraments", id: "/sacraments" },
];
const sacraments = [
"Baptism", "Confirmation", "Eucharist", "Penance", "Anointing of the Sick", "Holy Orders", "Matrimony"
];
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="St. Mary's" />
<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>
</div>
</ReactLenis>
</ThemeProvider>
);
}