Update src/app/ministries/page.tsx

src/app/about/page.tsx

@@ -1,71 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-
-export default function AboutPage() {
-    const navItems = [
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/services" },
-        { name: "Pricing", id: "/pricing" },
-        { name: "Contact", id: "/contact" },
-    ];
-
-    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>
-                <div id="nav" data-section="nav">
-                    <NavbarLayoutFloatingInline
-                        navItems={navItems}
-                        brandName="Coach"
-                        button={{ text: "Contact", href: "/contact" }}
-                    />
-                </div>
-                <div id="about-hero" data-section="about-hero">
-                    <MetricSplitMediaAbout
-                        title="Dedicated to Your Success"
-                        description="With over 12 years of experience in executive and business coaching, I have dedicated my career to helping leaders like you navigate the complexities of growth."
-                        metrics={[{ value: "12+", title: "Years Experience" }, { value: "500+", title: "Clients Coached" }]}
-                        useInvertedBackground={false}
-                        mediaAnimation="slide-up"
-                        metricsAnimation="slide-up"
-                    />
-                </div>
-                <div id="team" data-section="team">
-                    <TeamCardTwo
-                        title="Meet Your Coach"
-                        description="Get to know the experts behind our success."
-                        members={[
-                            {
-                                id: "1",                                name: "John Anderson",                                role: "Lead Business Strategist",                                description: "Expert in executive coaching and team alignment."
-                            }
-                        ]}
-                        gridVariant="uniform-all-items-equal"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={true}
-                    />
-                </div>
-                <FooterBaseReveal
-                    logoText="Coach"
-                    columns={[{ title: "Company", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
-                />
-            </ReactLenis>
-        </ThemeProvider>
-    );
-}

src/app/bulletin-and-events/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+
+export default function BulletinEventsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Bulletin & Events", id: "/bulletin-and-events" },
+    { name: "Ministries", id: "/ministries" },
+  ];
+
+  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} button={{ text: "Book", href: "/contact" }} />
+        <main className="pt-24">
+          <FeatureCardSeven
+            title="Upcoming Events"
+            description="Join us for our community gatherings and spiritual growth opportunities."
+            features={[
+              { 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&_wi=1" },
+              { 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&_wi=2" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </main>
+        <FooterBase
+          logoText="Coach"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -1,17 +1,15 @@
 "use client";
 
-import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FooterBase from "@/components/sections/footer/FooterBase";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
 
 export default function ContactPage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
+        { name: "Giving", id: "/giving" },
-        { name: "Services", id: "/services" },
-        { name: "Pricing", id: "/pricing" },
         { name: "Contact", id: "/contact" },
     ];
 
@@ -29,26 +27,18 @@ export default function ContactPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Book", href: "/contact" }} />
-                    <NavbarLayoutFloatingInline
+                <ContactCTA
-                        navItems={navItems}
+                    tag="Contact Us"
-                        brandName="Coach"
+                    title="Get in touch with us"
-                        button={{ text: "Contact", href: "/contact" }}
+                    description="We are here to answer your questions and provide support."
-                    />
+                    buttons={[{ text: "Contact", href: "/contact" }]}
-                </div>
+                    background={{ variant: "plain" }}
-                <div id="contact" data-section="contact">
+                    useInvertedBackground={false}
-                    <ContactCTA 
+                />
-                        tag="Contact"
+                <FooterBase
-                        title="Let's Connect"
-                        description="Reach out to us."
-                        buttons={[{ text: "Send Message", href: "#" }]}
-                        background={{ variant: "plain" }}
-                        useInvertedBackground={false}
-                    />
-                </div>
-                <FooterBaseReveal
                     logoText="Coach"
-                    columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+                    columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
                 />
             </ReactLenis>
         </ThemeProvider>

src/app/giving/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+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 = [
+        { name: "Home", id: "/" },
+        { name: "Giving", id: "/giving" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    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} button={{ text: "Give", href: "/giving" }} />
+                <MetricCardThree
+                    title="Our Impact"
+                    description="Your generosity makes a real difference."
+                    animationType="slide-up"
+                    textboxLayout="split"
+                    useInvertedBackground={false}
+                    metrics={[
+                        { id: "1", icon: Heart, title: "Total Donated", value: "$500k" },
+                        { id: "2", icon: Users, title: "Lives Impacted", value: "10k" },
+                    ]}
+                />
+                <PricingCardThree
+                    title="Support Our Mission"
+                    description="Choose an option that works best for you."
+                    textboxLayout="split"
+                    animationType="slide-up"
+                    useInvertedBackground={false}
+                    plans={[
+                        {
+                            id: "monthly",                            name: "Monthly Partner",                            price: "$50",                            features: ["Exclusive updates", "Community access"],
+                            buttons: [{ text: "Give Monthly", href: "#" }],
+                        },
+                        {
+                            id: "one-time",                            name: "One-Time Gift",                            price: "$100",                            features: ["Receipt provided"],
+                            buttons: [{ text: "Give Now", href: "#" }],
+                        },
+                    ]}
+                />
+                <FooterBase
+                    logoText="Coach"
+                    columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/layout.tsx

@@ -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,

src/app/mass-times/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+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 MassTimesPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Mass Times", id: "/mass-times" },
+        { name: "Sacraments", id: "/sacraments" },
+    ];
+
+    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} 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>
+                    <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>
+    );
+}

src/app/ministries/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+
+export default function MinistriesPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Bulletin & Events", id: "/bulletin-and-events" },
+    { name: "Ministries", id: "/ministries" },
+  ];
+
+  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} button={{ text: "Contact", href: "/contact" }} />
+        <main className="pt-24">
+          <FeatureCardSeven
+            title="Parish Ministries"
+            description="Discover ways to serve, connect, and grow within our parish community."
+            features={[
+              { title: "Food Pantry", description: "Serving those in need.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop&_wi=3" },
+              { title: "Music Ministry", description: "Enhancing our worship.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop&_wi=4" },
+              { title: "Youth Mentorship", description: "Supporting the next generation.", imageSrc: "https://images.unsplash.com/photo-1542816417-0983c9c9ad53?w=800&h=600&fit=crop&_wi=5" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </main>
+        <FooterBase
+          logoText="Coach"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,15 +2,14 @@
 
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
-export default function HomePage() {
+export default function BusinessCoachTemplatePage() {
     const navItems = [
         { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
+        { name: "About", id: "about" },
-        { name: "Services", id: "/services" },
+        { name: "Giving", id: "/giving" },
-        { name: "Pricing", id: "/pricing" },
         { name: "Contact", id: "/contact" },
     ];
 
@@ -28,19 +27,25 @@ export default function HomePage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline
-                    <NavbarLayoutFloatingInline
+                    navItems={navItems}
-                        navItems={navItems}
+                    brandName="Coach"
-                        brandName="Coach"
+                    button={{ text: "Book a Call", href: "/contact" }}
-                        button={{ text: "Contact", href: "/contact" }}
+                />
-                    />
+                <main className="pt-32">
-                </div>
+                    <h1 className="text-center text-4xl">Welcome to Coach</h1>
-                <div id="hero" data-section="hero">
+                </main>
-                    <h1>Welcome to Coach</h1>
+                <FooterBase
-                </div>
-                <FooterBaseReveal
                     logoText="Coach"
-                    columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+                    columns={[
+                        {
+                            title: "Navigation",                            items: [
+                                { label: "Home", href: "/" },
+                                { label: "Giving", href: "/giving" },
+                                { label: "Contact", href: "/contact" },
+                            ],
+                        }
+                    ]}
                 />
             </ReactLenis>
         </ThemeProvider>

src/app/pricing/page.tsx

@@ -1,67 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-
-export default function PricingPage() {
-    const navItems = [
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Services", id: "/services" },
-        { name: "Pricing", id: "/pricing" },
-        { name: "Contact", id: "/contact" },
-    ];
-
-    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>
-                <div id="nav" data-section="nav">
-                    <NavbarLayoutFloatingInline
-                        navItems={navItems}
-                        brandName="Coach"
-                        button={{ text: "Contact", href: "/contact" }}
-                    />
-                </div>
-                <div id="pricing" data-section="pricing">
-                    <PricingCardNine
-                        title="Simple Pricing"
-                        description="Choose your plan."
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        plans={[
-                            { id: "p1", title: "Starter", price: "$999", period: "/mo", features: ["Feature 1"], button: { text: "Get Started", href: "/contact" } }
-                        ]}
-                    />
-                </div>
-                <ContactCTA
-                    tag="Ready?"
-                    title="Get in Touch"
-                    description="Contact us for more info."
-                    buttons={[{ text: "Email Us", href: "/contact" }]}
-                    background={{ variant: "plain" }}
-                    useInvertedBackground={true}
-                />
-                <FooterBaseReveal
-                    logoText="Coach"
-                    columns={[{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }]}
-                />
-            </ReactLenis>
-        </ThemeProvider>
-    );
-}

src/app/sacraments/page.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+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 = [
+        { name: "Home", id: "/" },
+        { name: "Mass Times", id: "/mass-times" },
+        { name: "Sacraments", id: "/sacraments" },
+    ];
+
+    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} 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>The seven sacraments are the life of our Church.</p>
+                </div>
+                <FooterBase logoText="Coach" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/services/page.tsx

@@ -1,75 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-
-export default function ServicesPage() {
-    const navItems = [
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Services", id: "/services" },
-        { name: "Pricing", id: "/pricing" },
-        { name: "Contact", id: "/contact" },
-    ];
-
-    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>
-                <div id="nav" data-section="nav">
-                    <NavbarLayoutFloatingInline
-                        navItems={navItems}
-                        brandName="Coach"
-                        button={{ text: "Contact", href: "/contact" }}
-                    />
-                </div>
-                <div id="services" data-section="services">
-                    <FeatureCardNine
-                        title="Service Offerings"
-                        description="Comprehensive coaching programs."
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        showStepNumbers={true}
-                        features={[
-                            {
-                                title: "Strategy & Operations",                                description: "Optimizing business models.",                                phoneOne: { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=1" },
-                                phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=2" }
-                            },
-                            {
-                                title: "Executive Leadership",                                description: "Refining decision-making.",                                phoneOne: { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=3" },
-                                phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=4" }
-                            }
-                        ]}
-                    />
-                </div>
-                <ContactCTA
-                    tag="Ready?"
-                    title="Let's Connect"
-                    description="Schedule a call today."
-                    buttons={[{ text: "Contact", href: "/contact" }]}
-                    background={{ variant: "plain" }}
-                    useInvertedBackground={true}
-                />
-                <FooterBaseReveal
-                    logoText="Coach"
-                    columns={[{ title: "Info", items: [{ label: "Home", href: "/" }] }]}
-                />
-            </ReactLenis>
-        </ThemeProvider>
-    );
-}