From f8af4242b4b7ee1a8f89f56892875fc80e1a2ecc Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@protonmail.com>
Date: Wed, 24 Sep 2025 09:15:14 -0500
Subject: [PATCH] messages for platform winding down, updates to payments
 buttons to support free content for all content but still track payments

---
 AGENTS.md                                     |  19 ++++
 .../bitcoinConnect/CoursePaymentButton.js     |  58 ++++++----
 .../bitcoinConnect/ResourcePaymentButton.js   |  57 +++++++---
 .../carousels/templates/CombinedTemplate.js   |  22 ++--
 .../carousels/templates/CourseTemplate.js     |  27 ++---
 .../carousels/templates/DocumentTemplate.js   |  27 ++---
 .../carousels/templates/VideoTemplate.js      |  27 ++---
 .../content/combined/CombinedDetails.js       |  66 +++++------
 .../content/courses/details/CourseDetails.js  |  38 +++----
 .../courses/details/DesktopCourseDetails.js   |   9 +-
 .../courses/details/MobileCourseDetails.js    |   9 +-
 .../content/documents/DocumentDetails.js      |  64 +++++------
 .../content/dropdowns/ContentDropdownItem.js  |  20 ++--
 src/components/content/videos/VideoDetails.js |  64 +++++------
 src/components/pricing/PromoFreeBadge.js      |  44 ++++++++
 src/config/appConfig.js                       |   3 +-
 src/constants/promoPricing.js                 |   4 +
 src/pages/api/purchase/resource.js            |  10 +-
 src/pages/index.js                            | 103 ++++++++++++++++++
 19 files changed, 421 insertions(+), 250 deletions(-)
 create mode 100644 AGENTS.md
 create mode 100644 src/components/pricing/PromoFreeBadge.js
 create mode 100644 src/constants/promoPricing.js

diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 00000000..9ad66124
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,19 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+The Next.js app lives in `src/`, with page routes in `src/pages`, reusable UI in `src/components`, hooks in `src/hooks`, shared helpers in `src/utils`, and server-facing logic under `src/lib` and `src/db`. Context providers, constants, and config live in `src/context`, `src/constants`, and `src/config`. Styling combines Tailwind layers and globals in `src/styles`, while static files sit in `public/`. Database schemas and migrations are managed via `prisma/schema.prisma` and `prisma/migrations/`. Local infrastructure relies on `docker-compose.yml` and the project `Dockerfile` for Postgres-backed workflows.
+
+## Build, Test, and Development Commands
+Install dependencies once with `npm install`. Use `npm run dev` for the hot-reloading Next.js server, or `docker compose up --build` when the Postgres service is required. Apply schema updates with `npx prisma migrate dev` and regenerate clients via `npx prisma generate` (also run automatically on `postinstall`). Before shipping, execute `npm run build` followed by `npm run start` to verify the production bundle. Guard code quality with `npm run lint`, and auto-fix common issues using `npm run lint:fix`.
+
+## Coding Style & Naming Conventions
+Prettier enforces two-space indentation, single quotes, trailing commas (ES5), and 100-character lines; run it before committing. Favor functional React components with PascalCase filenames such as `src/components/ProfileCard.tsx`. Keep hooks prefixed with `use`, colocate utility modules near their feature, and import shared modules with the `@/` path alias defined in `jsconfig.json`.
+
+## Testing Guidelines
+A formal automated test suite is not yet established. Treat linting and targeted manual verification as the baseline, and capture edge cases in your PR description. When adding tests, colocate them beside the feature as `feature.test.ts(x)` files or place them in a nearby `__tests__/` folder. Always rerun `npm run lint` and any affected flows locally before requesting review.
+
+## Commit & Pull Request Guidelines
+Write concise, imperative commit subjects (e.g., `Add wallet connect modal`) and group related changes together. Pull requests should restate the problem, highlight key updates, link relevant issues, and include screenshots or short clips for UI adjustments. Confirm that `npm run lint`, schema migrations, and regeneration steps have been executed, and call out required environment variables such as `.env.local` entries.
+
+## Environment & Security Notes
+Request secrets from maintainers rather than reusing staging values. Never commit credentials or Prisma client artifacts unless schema changes demand it. Mask sensitive values—especially `POSTGRES_PRISMA_URL` and `POSTGRES_URL_NON_POOLING`—in logs and PR discussions, and review `.github/workflows/` when introducing automation to keep credentials scoped.
diff --git a/src/components/bitcoinConnect/CoursePaymentButton.js b/src/components/bitcoinConnect/CoursePaymentButton.js
index 98cb7320..faed5acd 100644
--- a/src/components/bitcoinConnect/CoursePaymentButton.js
+++ b/src/components/bitcoinConnect/CoursePaymentButton.js
@@ -11,6 +11,8 @@ import GenericButton from '@/components/buttons/GenericButton';
 import { useRouter } from 'next/router';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import { InputText } from 'primereact/inputtext';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
+import { PROMO_FREE_PRICE_SATS, PROMO_PRICING_MESSAGE } from '@/constants/promoPricing';
 
 const Payment = dynamic(() => import('@getalby/bitcoin-connect-react').then(mod => mod.Payment), {
   ssr: false,
@@ -72,8 +74,15 @@ const CoursePaymentButton = ({ lnAddress, amount, onSuccess, onError, courseId }
   const fetchInvoice = async () => {
     setIsLoading(true);
     try {
-      if (discountApplied && calculateDiscount(amount).discountedAmount === 0) {
-        handlePaymentSuccess({ paid: true, preimage: 'course_pass' });
+      if (!session?.user?.id) {
+        showToast('warn', 'Sign In Required', 'Please sign in to unlock this course.');
+        router.push('/auth/signin');
+        return;
+      }
+
+      if (PROMO_FREE_PRICE_SATS === 0) {
+        await handlePaymentSuccess({ paid: true, preimage: 'promo-free-course' });
+        showToast('success', 'Free Course Access', PROMO_PRICING_MESSAGE);
         return;
       }
 
@@ -89,8 +98,9 @@ const CoursePaymentButton = ({ lnAddress, amount, onSuccess, onError, courseId }
       console.error('Error fetching invoice:', error);
       showToast('error', 'Invoice Error', 'Failed to fetch the invoice.');
       if (onError) onError(error);
+    } finally {
+      setIsLoading(false);
     }
-    setIsLoading(false);
   };
 
   const handlePaymentSuccess = async response => {
@@ -98,9 +108,7 @@ const CoursePaymentButton = ({ lnAddress, amount, onSuccess, onError, courseId }
       const purchaseData = {
         userId: session.user.id,
         courseId: courseId,
-        amountPaid: discountApplied
-          ? calculateDiscount(amount).discountedAmount
-          : parseInt(amount, 10),
+        amountPaid: PROMO_FREE_PRICE_SATS,
       };
 
       const result = await axios.post('/api/purchase/course', purchaseData);
@@ -121,6 +129,7 @@ const CoursePaymentButton = ({ lnAddress, amount, onSuccess, onError, courseId }
       if (onError) onError(error);
     }
     setDialogVisible(false);
+    setInvoice(null);
   };
 
   const handleDiscountCode = value => {
@@ -202,22 +211,27 @@ const CoursePaymentButton = ({ lnAddress, amount, onSuccess, onError, courseId }
           )}
         </div>
       )}
-      <GenericButton
-        label={`${discountApplied ? calculateDiscount(amount).discountedAmount : amount} sats`}
-        icon="pi pi-wallet"
-        onClick={() => {
-          if (status === 'unauthenticated') {
-            console.log('unauthenticated');
-            router.push('/auth/signin');
-          } else {
-            fetchInvoice();
-          }
-        }}
-        disabled={isLoading}
-        severity="primary"
-        rounded
-        className={`text-[#f8f8ff] text-sm ${isLoading ? 'hidden' : ''}`}
-      />
+      <div className="flex items-center gap-2">
+        <GenericButton
+          label="Free"
+          icon="pi pi-wallet"
+          onClick={() => {
+            if (status === 'unauthenticated') {
+              console.log('unauthenticated');
+              router.push('/auth/signin');
+            } else {
+              fetchInvoice();
+            }
+          }}
+          disabled={isLoading}
+          severity="primary"
+          rounded
+          className={`text-[#f8f8ff] text-sm ${isLoading ? 'hidden' : ''}`}
+        />
+        {!isLoading && (
+          <PromoFreeBadge showLabel={false} wrapperClassName="flex items-center" />
+        )}
+      </div>
       {isLoading && (
         <div className="w-full h-full flex items-center justify-center">
           <ProgressSpinner
diff --git a/src/components/bitcoinConnect/ResourcePaymentButton.js b/src/components/bitcoinConnect/ResourcePaymentButton.js
index 455319b7..49a73d67 100644
--- a/src/components/bitcoinConnect/ResourcePaymentButton.js
+++ b/src/components/bitcoinConnect/ResourcePaymentButton.js
@@ -10,6 +10,8 @@ import axios from 'axios';
 import GenericButton from '@/components/buttons/GenericButton';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import { useRouter } from 'next/router';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
+import { PROMO_FREE_PRICE_SATS, PROMO_PRICING_MESSAGE } from '@/constants/promoPricing';
 
 const Payment = dynamic(() => import('@getalby/bitcoin-connect-react').then(mod => mod.Payment), {
   ssr: false,
@@ -51,6 +53,18 @@ const ResourcePaymentButton = ({ lnAddress, amount, onSuccess, onError, resource
   const fetchInvoice = async () => {
     setIsLoading(true);
     try {
+      if (!session?.user?.id) {
+        showToast('warn', 'Sign In Required', 'Please sign in to unlock this content.');
+        router.push('/auth/signin');
+        return;
+      }
+
+      if (PROMO_FREE_PRICE_SATS === 0) {
+        await handlePaymentSuccess({ paid: true, preimage: 'promo-free-resource' });
+        showToast('success', 'Free Access Granted', PROMO_PRICING_MESSAGE);
+        return;
+      }
+
       const ln = new LightningAddress(lnAddress);
       await ln.fetch();
       const invoice = await ln.requestInvoice({
@@ -63,8 +77,9 @@ const ResourcePaymentButton = ({ lnAddress, amount, onSuccess, onError, resource
       console.error('Error fetching invoice:', error);
       showToast('error', 'Invoice Error', 'Failed to fetch the invoice.');
       if (onError) onError(error);
+    } finally {
+      setIsLoading(false);
     }
-    setIsLoading(false);
   };
 
   const handlePaymentSuccess = async response => {
@@ -72,7 +87,7 @@ const ResourcePaymentButton = ({ lnAddress, amount, onSuccess, onError, resource
       const purchaseData = {
         userId: session.user.id,
         resourceId: resourceId,
-        amountPaid: parseInt(amount, 10),
+        amountPaid: PROMO_FREE_PRICE_SATS,
       };
 
       const result = await axios.post('/api/purchase/resource', purchaseData);
@@ -93,26 +108,32 @@ const ResourcePaymentButton = ({ lnAddress, amount, onSuccess, onError, resource
       if (onError) onError(error);
     }
     setDialogVisible(false);
+    setInvoice(null);
   };
 
   return (
     <>
-      <GenericButton
-        label={`${amount} sats`}
-        icon="pi pi-wallet"
-        onClick={() => {
-          if (status === 'unauthenticated') {
-            console.log('unauthenticated');
-            router.push('/auth/signin');
-          } else {
-            fetchInvoice();
-          }
-        }}
-        disabled={isLoading}
-        severity="primary"
-        rounded
-        className={`text-[#f8f8ff] text-sm ${isLoading ? 'hidden' : ''}`}
-      />
+      <div className="flex items-center gap-2">
+        <GenericButton
+          label="Free"
+          icon="pi pi-wallet"
+          onClick={() => {
+            if (status === 'unauthenticated') {
+              console.log('unauthenticated');
+              router.push('/auth/signin');
+            } else {
+              fetchInvoice();
+            }
+          }}
+          disabled={isLoading}
+          severity="primary"
+          rounded
+          className={`text-[#f8f8ff] text-sm ${isLoading ? 'hidden' : ''}`}
+        />
+        {!isLoading && (
+          <PromoFreeBadge showLabel={false} wrapperClassName="flex items-center" />
+        )}
+      </div>
       {isLoading && (
         <div className="w-full h-full flex items-center justify-center">
           <ProgressSpinner
diff --git a/src/components/content/carousels/templates/CombinedTemplate.js b/src/components/content/carousels/templates/CombinedTemplate.js
index 42bca915..b6c7d29e 100644
--- a/src/components/content/carousels/templates/CombinedTemplate.js
+++ b/src/components/content/carousels/templates/CombinedTemplate.js
@@ -17,6 +17,7 @@ import { formatTimestampToHowLongAgo } from '@/utils/time';
 import { nip19 } from 'nostr-tools';
 import { Tag } from 'primereact/tag';
 import { Message } from 'primereact/message';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import GenericButton from '@/components/buttons/GenericButton';
 import { PlayCircle, FileText } from 'lucide-react';
@@ -106,21 +107,12 @@ export function CombinedTemplate({ resource, isLesson, showMetaTags }) {
             <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />
           )}
         </div>
-        {resource?.price && resource?.price > 0 ? (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock"
-            severity="info"
-            text={`${resource.price} sats`}
-          />
-        ) : (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock-open"
-            severity="success"
-            text="Free"
-          />
-        )}
+        <Message
+          className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap flex items-center gap-2`}
+          severity="success"
+          icon="pi pi-lock-open"
+          content={<PromoFreeBadge />}
+        />
       </CardContent>
       <CardDescription
         className={`${isMobile ? 'w-full p-3' : 'p-6'} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`}
diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index 79040480..93e6f871 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -18,6 +18,7 @@ import { useRouter } from 'next/router';
 import { formatTimestampToHowLongAgo } from '@/utils/time';
 import { ProgressSpinner } from 'primereact/progressspinner';
 import { Message } from 'primereact/message';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import GenericButton from '@/components/buttons/GenericButton';
 import appConfig from '@/config/appConfig';
@@ -126,21 +127,17 @@ export function CourseTemplate({ course, showMetaTags = true }) {
                 )
             )}
         </div>
-        {course?.price && course?.price > 0 ? (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock"
-            severity="info"
-            text={`${course.price} sats`}
-          />
-        ) : (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock-open"
-            severity="success"
-            text="Free"
-          />
-        )}
+        <Message
+          className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap flex items-center gap-2`}
+          severity="success"
+          icon="pi pi-lock-open"
+          content={
+            <PromoFreeBadge
+              iconClassName="pi pi-question-circle text-xs text-green-300"
+              labelClassName="font-semibold text-green-400"
+            />
+          }
+        />
       </CardContent>
       <CardDescription
         className={`${
diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index f92c56be..4f5cca3b 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -17,6 +17,7 @@ import { formatTimestampToHowLongAgo } from '@/utils/time';
 import { nip19 } from 'nostr-tools';
 import { Tag } from 'primereact/tag';
 import { Message } from 'primereact/message';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import GenericButton from '@/components/buttons/GenericButton';
 import { FileText } from 'lucide-react';
@@ -105,21 +106,17 @@ export function DocumentTemplate({ document, isLesson, showMetaTags }) {
             <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />
           )}
         </div>
-        {document?.price && document?.price > 0 ? (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock"
-            severity="info"
-            text={`${document.price} sats`}
-          />
-        ) : (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock-open"
-            severity="success"
-            text="Free"
-          />
-        )}
+        <Message
+          className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap flex items-center gap-2`}
+          severity="success"
+          icon="pi pi-lock-open"
+          content={
+            <PromoFreeBadge
+              iconClassName="pi pi-question-circle text-xs text-green-300"
+              labelClassName="font-semibold text-green-400"
+            />
+          }
+        />
       </CardContent>
       <CardDescription
         className={`${isMobile ? 'w-full p-3' : 'p-6'} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`}
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index a8b06eb1..26cff606 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -18,6 +18,7 @@ import { formatTimestampToHowLongAgo } from '@/utils/time';
 import { nip19 } from 'nostr-tools';
 import { Tag } from 'primereact/tag';
 import { Message } from 'primereact/message';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import GenericButton from '@/components/buttons/GenericButton';
 
@@ -105,21 +106,17 @@ export function VideoTemplate({ video, isLesson, showMetaTags }) {
             <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />
           )}
         </div>
-        {video?.price && video?.price > 0 ? (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock"
-            severity="info"
-            text={`${video.price} sats`}
-          />
-        ) : (
-          <Message
-            className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap`}
-            icon="pi pi-lock-open"
-            severity="success"
-            text="Free"
-          />
-        )}
+        <Message
+          className={`${isMobile ? 'py-1 text-xs' : 'py-2'} whitespace-nowrap flex items-center gap-2`}
+          severity="success"
+          icon="pi pi-lock-open"
+          content={
+            <PromoFreeBadge
+              iconClassName="pi pi-question-circle text-xs text-green-300"
+              labelClassName="font-semibold text-green-400"
+            />
+          }
+        />
       </CardContent>
 
       <CardDescription
diff --git a/src/components/content/combined/CombinedDetails.js b/src/components/content/combined/CombinedDetails.js
index d332c6b9..d77f91c8 100644
--- a/src/components/content/combined/CombinedDetails.js
+++ b/src/components/content/combined/CombinedDetails.js
@@ -18,6 +18,8 @@ import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
 import appConfig from '@/config/appConfig';
 import { nip19 } from 'nostr-tools';
 import MarkdownDisplay from '@/components/markdown/MarkdownDisplay';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
+import { PROMO_PRICING_MESSAGE } from '@/constants/promoPricing';
 
 const CombinedDetails = ({
   processedEvent,
@@ -168,20 +170,14 @@ const CombinedDetails = ({
       course &&
       session?.user?.purchased?.some(purchase => purchase.courseId === course)
     ) {
-      const coursePurchase = session?.user?.purchased?.find(
-        purchase => purchase.courseId === course
-      );
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'top' }}
-          tooltip={`You have this lesson through purchasing the course it belongs to. You paid ${coursePurchase?.course?.price} sats for the course.`}
-          icon="pi pi-check"
-          label={`Paid ${coursePurchase?.course?.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-green-400">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-green-400 font-semibold"
+          />
+        </div>
       );
     }
 
@@ -193,29 +189,25 @@ const CombinedDetails = ({
       !session?.user?.role?.subscribed
     ) {
       return (
-        <GenericButton
-          icon="pi pi-check"
-          label={`Paid ${processedEvent.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-green-400">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-green-400 font-semibold"
+          />
+        </div>
       );
     }
 
     if (paidResource && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'top' }}
-          tooltip={`You created this paid content, users must pay ${processedEvent.price} sats to access it`}
-          icon="pi pi-check"
-          label={`Price ${processedEvent.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-green-400">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-green-400 font-semibold"
+          />
+        </div>
       );
     }
 
@@ -232,15 +224,13 @@ const CombinedDetails = ({
         <div className="w-full px-4">
           <div className="w-full p-8 rounded-lg flex flex-col items-center justify-center bg-gray-800">
             <div className="mx-auto py-auto">
-              <i className="pi pi-lock text-[60px] text-red-500"></i>
+              <i className="pi pi-gift text-[60px] text-green-400"></i>
             </div>
-            <p className="text-center text-xl text-red-500 mt-4">
-              This content is paid and needs to be purchased before viewing.
-            </p>
+            <p className="text-center text-xl text-green-400 mt-4">{PROMO_PRICING_MESSAGE}</p>
             <div className="flex flex-row items-center justify-center w-full mt-4">
-              <ResourcePaymentButton
-                lnAddress={author?.lud16}
-                amount={price}
+            <ResourcePaymentButton
+              lnAddress={author?.lud16}
+              amount={price}
                 onSuccess={handlePaymentSuccess}
                 onError={handlePaymentError}
                 resourceId={processedEvent.d}
diff --git a/src/components/content/courses/details/CourseDetails.js b/src/components/content/courses/details/CourseDetails.js
index f5865924..70fdb90f 100644
--- a/src/components/content/courses/details/CourseDetails.js
+++ b/src/components/content/courses/details/CourseDetails.js
@@ -17,6 +17,8 @@ import useTrackCourse from '@/hooks/tracking/useTrackCourse';
 import WelcomeModal from '@/components/onboarding/WelcomeModal';
 import { ProgressSpinner } from 'primereact/progressspinner';
 import { Toast } from 'primereact/toast';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
+import { PROMO_PRICING_MESSAGE } from '@/constants/promoPricing';
 
 // Import the desktop and mobile components
 import DesktopCourseDetails from '@/components/content/courses/details/DesktopCourseDetails';
@@ -150,31 +152,27 @@ export default function CourseDetails({
       !session?.user?.role?.subscribed
     ) {
       return (
-        <GenericButton
-          icon="pi pi-check"
-          label={`Paid`}
-          severity="success"
-          outlined
-          size="small"
-          tooltip={`You paid ${processedEvent.price} sats to access this course (or potentially less if a discount was applied)`}
-          tooltipOptions={{ position: 'right' }}
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2">
+          <i className="pi pi-check text-sm text-blue-300" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
     if (paidCourse && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'right' }}
-          tooltip={`You created this paid course, users must pay ${processedEvent.price} sats to access it`}
-          icon="pi pi-check"
-          label={`Price ${processedEvent.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2">
+          <i className="pi pi-check text-sm text-blue-300" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
diff --git a/src/components/content/courses/details/DesktopCourseDetails.js b/src/components/content/courses/details/DesktopCourseDetails.js
index 82fd8372..3b2dd8ce 100644
--- a/src/components/content/courses/details/DesktopCourseDetails.js
+++ b/src/components/content/courses/details/DesktopCourseDetails.js
@@ -5,6 +5,7 @@ import ZapDisplay from '@/components/zaps/ZapDisplay';
 import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
 import { Divider } from 'primereact/divider';
 import GenericButton from '@/components/buttons/GenericButton';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 
 export default function DesktopCourseDetails({
   processedEvent,
@@ -161,7 +162,11 @@ export default function DesktopCourseDetails({
                 {paidCourse && (
                   <div>
                     <p className="text-sm text-gray-400">Price</p>
-                    <p className="font-semibold text-white">{processedEvent.price} sats</p>
+                    <PromoFreeBadge
+                      wrapperClassName="flex items-center gap-2 text-white"
+                      labelClassName="font-semibold text-blue-300"
+                      iconClassName="pi pi-question-circle text-xs text-blue-300"
+                    />
                   </div>
                 )}
               </div>
@@ -195,4 +200,4 @@ export default function DesktopCourseDetails({
       </div>
     </>
   );
-} 
\ No newline at end of file
+} 
diff --git a/src/components/content/courses/details/MobileCourseDetails.js b/src/components/content/courses/details/MobileCourseDetails.js
index 37469695..6c43c3d9 100644
--- a/src/components/content/courses/details/MobileCourseDetails.js
+++ b/src/components/content/courses/details/MobileCourseDetails.js
@@ -5,6 +5,7 @@ import ZapDisplay from '@/components/zaps/ZapDisplay';
 import MoreOptionsMenu from '@/components/ui/MoreOptionsMenu';
 import { Divider } from 'primereact/divider';
 import GenericButton from '@/components/buttons/GenericButton';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 
 export default function MobileCourseDetails({
   processedEvent,
@@ -148,7 +149,11 @@ export default function MobileCourseDetails({
                 {paidCourse && (
                   <div>
                     <p className="text-sm text-gray-400">Price</p>
-                    <p className="font-semibold text-white">{processedEvent.price} sats</p>
+                    <PromoFreeBadge
+                      wrapperClassName="flex items-center gap-2 text-white"
+                      labelClassName="font-semibold text-blue-300"
+                      iconClassName="pi pi-question-circle text-xs text-blue-300"
+                    />
                   </div>
                 )}
               </div>
@@ -183,4 +188,4 @@ export default function MobileCourseDetails({
       </div>
     </>
   );
-} 
\ No newline at end of file
+} 
diff --git a/src/components/content/documents/DocumentDetails.js b/src/components/content/documents/DocumentDetails.js
index dbe71f24..22f2413c 100644
--- a/src/components/content/documents/DocumentDetails.js
+++ b/src/components/content/documents/DocumentDetails.js
@@ -18,6 +18,8 @@ import ZapThreadsWrapper from '@/components/ZapThreadsWrapper';
 import appConfig from '@/config/appConfig';
 import { nip19 } from 'nostr-tools';
 import MarkdownDisplay from '@/components/markdown/MarkdownDisplay';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
+import { PROMO_PRICING_MESSAGE } from '@/constants/promoPricing';
 
 const DocumentDetails = ({
   processedEvent,
@@ -174,18 +176,14 @@ const DocumentDetails = ({
       session?.user?.purchased?.some(purchase => purchase.courseId === course)
     ) {
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'top' }}
-          tooltip={`You have this lesson through purchasing the course it belongs to. You paid ${
-            session?.user?.purchased?.find(purchase => purchase.courseId === course)?.course?.price
-          } sats for the course.`}
-          icon="pi pi-check"
-          label={`Paid`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-blue-300">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
@@ -197,31 +195,27 @@ const DocumentDetails = ({
       !session?.user?.role?.subscribed
     ) {
       return (
-        <GenericButton
-          icon="pi pi-check"
-          label={`Paid`}
-          severity="success"
-          outlined
-          size="small"
-          tooltip={`You paid ${processedEvent.price} sats to access this content (or potentially less if a discount was applied)`}
-          tooltipOptions={{ position: 'top' }}
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-blue-300">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
     if (paidResource && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'top' }}
-          tooltip={`You created this paid content, users must pay ${processedEvent.price} sats to access it`}
-          icon="pi pi-check"
-          label={`Price ${processedEvent.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-blue-300">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
@@ -237,11 +231,9 @@ const DocumentDetails = ({
         <div className="w-full px-4">
           <div className="w-full p-8 rounded-lg flex flex-col items-center justify-center">
             <div className="mx-auto py-auto">
-              <i className="pi pi-lock text-[60px] text-red-500"></i>
+              <i className="pi pi-gift text-[60px] text-green-400"></i>
             </div>
-            <p className="text-center text-xl text-red-500 mt-4">
-              This content is paid and needs to be purchased before viewing.
-            </p>
+            <p className="text-center text-xl text-green-400 mt-4">{PROMO_PRICING_MESSAGE}</p>
             <div className="flex flex-row items-center justify-center w-full mt-4">
               <ResourcePaymentButton
                 lnAddress={author?.lud16}
diff --git a/src/components/content/dropdowns/ContentDropdownItem.js b/src/components/content/dropdowns/ContentDropdownItem.js
index 0de13f76..a724d158 100644
--- a/src/components/content/dropdowns/ContentDropdownItem.js
+++ b/src/components/content/dropdowns/ContentDropdownItem.js
@@ -4,6 +4,7 @@ import { useImageProxy } from '@/hooks/useImageProxy';
 import { formatUnixTimestamp } from '@/utils/time';
 import { Tag } from 'primereact/tag';
 import { Message } from 'primereact/message';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
 import GenericButton from '@/components/buttons/GenericButton';
 import useWindowWidth from '@/hooks/useWindowWidth';
 import { BookOpen } from 'lucide-react';
@@ -81,19 +82,12 @@ const ContentDropdownItem = ({ content, onSelect }) => {
                   : (content?.title || content?.name)}
               </h3>
 
-              {content?.price > 0 ? (
-                <Message
-                  severity="info"
-                  text={`${content.price} sats`}
-                  className="py-1 text-xs whitespace-nowrap shadow-sm"
-                />
-              ) : (
-                <Message
-                  severity="success"
-                  text="Free"
-                  className="py-1 text-xs whitespace-nowrap shadow-sm"
-                />
-              )}
+              <Message
+                severity="success"
+                className="py-1 text-xs whitespace-nowrap shadow-sm flex items-center gap-2"
+                icon="pi pi-lock-open"
+                content={<PromoFreeBadge wrapperClassName="flex items-center gap-1" labelClassName="text-green-400 font-semibold" />}
+              />
             </div>
 
             {content?.summary && (
diff --git a/src/components/content/videos/VideoDetails.js b/src/components/content/videos/VideoDetails.js
index 957bb167..b8e36438 100644
--- a/src/components/content/videos/VideoDetails.js
+++ b/src/components/content/videos/VideoDetails.js
@@ -19,6 +19,8 @@ import appConfig from '@/config/appConfig';
 import { nip19 } from 'nostr-tools';
 import { Buffer } from 'buffer';
 import MarkdownDisplay from '@/components/markdown/MarkdownDisplay';
+import PromoFreeBadge from '@/components/pricing/PromoFreeBadge';
+import { PROMO_PRICING_MESSAGE } from '@/constants/promoPricing';
 
 const VideoDetails = ({
   processedEvent,
@@ -174,20 +176,14 @@ const VideoDetails = ({
       session?.user?.purchased?.some(purchase => purchase.courseId === course)
     ) {
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'top' }}
-          tooltip={`You have this lesson through purchasing the course it belongs to. You paid ${
-            session?.user?.purchased?.find(purchase => purchase.courseId === course)?.course?.price
-          } sats for the course.`}
-          icon="pi pi-check"
-          label={`Paid ${
-            session?.user?.purchased?.find(purchase => purchase.courseId === course)?.course?.price
-          } sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-blue-300">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
@@ -199,29 +195,27 @@ const VideoDetails = ({
       !session?.user?.role?.subscribed
     ) {
       return (
-        <GenericButton
-          icon="pi pi-check"
-          label={`Paid ${processedEvent.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-blue-300">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
     if (paidResource && author && processedEvent?.pubkey === session?.user?.pubkey) {
       return (
-        <GenericButton
-          tooltipOptions={{ position: 'top' }}
-          tooltip={`You created this paid content, users must pay ${processedEvent.price} sats to access it`}
-          icon="pi pi-check"
-          label={`Price ${processedEvent.price} sats`}
-          severity="success"
-          outlined
-          size="small"
-          className="cursor-default hover:opacity-100 hover:bg-transparent focus:ring-0"
-        />
+        <div className="flex items-center gap-2 text-blue-300">
+          <i className="pi pi-check text-sm" />
+          <PromoFreeBadge
+            wrapperClassName="flex items-center gap-1 text-sm"
+            labelClassName="text-blue-300 font-semibold"
+            iconClassName="pi pi-question-circle text-xs text-blue-300"
+          />
+        </div>
       );
     }
 
@@ -245,11 +239,9 @@ const VideoDetails = ({
           ></div>
           <div className="absolute inset-0 bg-black bg-opacity-50"></div>
           <div className="mx-auto py-auto z-10">
-            <i className="pi pi-lock text-[100px] text-red-500"></i>
+            <i className="pi pi-gift text-[100px] text-green-400"></i>
           </div>
-          <p className="text-center text-xl text-red-500 z-10 mt-4">
-            This content is paid and needs to be purchased before viewing.
-          </p>
+          <p className="text-center text-xl text-green-400 z-10 mt-4">{PROMO_PRICING_MESSAGE}</p>
           <div className="flex flex-row items-center justify-center w-full mt-4 z-10">
             <ResourcePaymentButton
               lnAddress={author?.lud16}
diff --git a/src/components/pricing/PromoFreeBadge.js b/src/components/pricing/PromoFreeBadge.js
new file mode 100644
index 00000000..7fd6ddf7
--- /dev/null
+++ b/src/components/pricing/PromoFreeBadge.js
@@ -0,0 +1,44 @@
+import React, { useId } from 'react';
+import { Tooltip } from 'primereact/tooltip';
+import useWindowWidth from '@/hooks/useWindowWidth';
+import {
+  PROMO_FREE_PRICE_SATS,
+  PROMO_PRICING_MESSAGE,
+  PROMO_TOOLTIP_POSITION,
+} from '@/constants/promoPricing';
+
+const sanitizeId = id => id.replace(/[^a-zA-Z0-9_-]/g, '');
+
+const PromoFreeBadge = ({
+  label = 'Free',
+  showLabel = true,
+  labelClassName = 'font-semibold text-green-400',
+  iconClassName = 'pi pi-question-circle text-xs text-sky-300',
+  wrapperClassName = 'flex items-center gap-1',
+  tooltipPosition = PROMO_TOOLTIP_POSITION,
+  showPriceValue = false,
+  price = PROMO_FREE_PRICE_SATS,
+}) => {
+  const rawId = useId();
+  const tooltipId = `promo-free-${sanitizeId(rawId)}`;
+  const windowWidth = useWindowWidth();
+  const isMobile = windowWidth < 768;
+
+  return (
+    <span className={wrapperClassName}>
+      {showLabel && <span className={labelClassName}>{label}</span>}
+      {showPriceValue && (
+        <span className="text-xs text-gray-400 line-through">{price} sats</span>
+      )}
+      <i
+        id={tooltipId}
+        className={`${iconClassName} cursor-help`}
+        data-pr-tooltip={PROMO_PRICING_MESSAGE}
+        data-pr-position={tooltipPosition}
+      />
+      {!isMobile && <Tooltip target={`#${tooltipId}`} position={tooltipPosition} />}
+    </span>
+  );
+};
+
+export default PromoFreeBadge;
diff --git a/src/config/appConfig.js b/src/config/appConfig.js
index a8325baf..4363377a 100644
--- a/src/config/appConfig.js
+++ b/src/config/appConfig.js
@@ -11,7 +11,8 @@ const appConfig = {
   ],
   authorPubkeys: [
     'f33c8a9617cb15f705fc70cd461cfd6eaf22f9e24c33eabad981648e5ec6f741',
-    'c67cd3e1a83daa56cff16f635db2fdb9ed9619300298d4701a58e68e84098345'
+    'c67cd3e1a83daa56cff16f635db2fdb9ed9619300298d4701a58e68e84098345',
+    '6260f29fa75c91aaa292f082e5e87b438d2ab4fdf96af398567b01802ee2fcd4'
   ],
   customLightningAddresses: [
     {
diff --git a/src/constants/promoPricing.js b/src/constants/promoPricing.js
new file mode 100644
index 00000000..fd8ed232
--- /dev/null
+++ b/src/constants/promoPricing.js
@@ -0,0 +1,4 @@
+export const PROMO_FREE_PRICE_SATS = 0;
+export const PROMO_PRICING_MESSAGE =
+  'All content is free for a limited time while we finish building out PlebDevs Platform V2. Keep an eye out, coming soon (tm)!';
+export const PROMO_TOOLTIP_POSITION = 'top';
diff --git a/src/pages/api/purchase/resource.js b/src/pages/api/purchase/resource.js
index cc9ac973..6e514139 100644
--- a/src/pages/api/purchase/resource.js
+++ b/src/pages/api/purchase/resource.js
@@ -13,13 +13,19 @@ export default async function handler(req, res) {
     try {
       const { userId, resourceId, amountPaid } = req.body;
 
-      if (!userId || !resourceId || !amountPaid) {
+      if (!userId || !resourceId || amountPaid === undefined || amountPaid === null) {
         return res.status(400).json({ error: 'Missing required fields' });
       }
 
+      const parsedAmount = parseInt(amountPaid, 10);
+
+      if (Number.isNaN(parsedAmount)) {
+        return res.status(400).json({ error: 'Invalid amount' });
+      }
+
       const updatedUser = await addResourcePurchaseToUser(userId, {
         resourceId,
-        amountPaid: parseInt(amountPaid, 10),
+        amountPaid: parsedAmount,
       });
 
       res.status(200).json(updatedUser);
diff --git a/src/pages/index.js b/src/pages/index.js
index bf5c62f7..dffae0c2 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -8,6 +8,8 @@ import { useDocuments } from '@/hooks/nostr/useDocuments';
 import { useVideos } from '@/hooks/nostr/useVideos';
 import { useCourses } from '@/hooks/nostr/useCourses';
 import { TabMenu } from 'primereact/tabmenu';
+import { Message } from 'primereact/message';
+import { Badge } from 'primereact/badge';
 import 'primeicons/primeicons.css';
 import GenericButton from '@/components/buttons/GenericButton';
 import { useRouter } from 'next/router';
@@ -104,6 +106,8 @@ export default function Home() {
   const [allContent, setAllContent] = useState([]);
   const [allTopics, setAllTopics] = useState([]);
   const [selectedTopic, setSelectedTopic] = useState('Top');
+  const bannerMessage =
+    'All content is free for a limited time while we finish building out PlebDevs Platform V2. Keep an eye out, coming soon (tm)!';
 
   useEffect(() => {
     if (documents && !documentsLoading) {
@@ -183,6 +187,23 @@ export default function Home() {
       </Head>
       <main>
         <HeroBanner />
+        <div className="w-full px-4 md:px-12 mt-6">
+            <Message
+              severity="info"
+              icon="pi pi-bolt"
+              className="announcement-message"
+              content={
+                <span className="announcement-content">
+                  <Badge 
+                    value="Limited" 
+                    className="announcement-badge" 
+                    style={{ color: '#f8f8ff' }}
+                  />
+                  <span className="announcement-text">{bannerMessage}</span>
+                </span>
+              }
+            />
+        </div>
         <div className="w-full px-4 md:px-12">
           <MenuTab
             selectedTopic={selectedTopic}
@@ -197,6 +218,88 @@ export default function Home() {
           <DocumentsCarousel />
         </div>
       </main>
+      <style jsx>{`
+        .announcement-message {
+          min-width: 320px;
+          border-radius: 9999px;
+          background: transparent;
+          border: 1px solid rgba(96, 165, 250, 0.35);
+          color: rgba(226, 232, 240, 0.95);
+          box-shadow: none;
+        }
+
+        .announcement-message :global(.p-message-wrapper) {
+          padding: 0.55rem 1.1rem;
+          background: transparent;
+        }
+
+        .announcement-message :global(.p-message-text) {
+          padding: 0;
+        }
+
+        .announcement-message :global(.p-message-icon) {
+          color: rgba(147, 197, 253, 0.95);
+          margin-right: 0.6rem;
+        }
+
+        .announcement-content {
+          display: inline-flex;
+          align-items: center;
+          gap: 0.75rem;
+          font-size: 0.95rem;
+        }
+
+        .announcement-badge {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          min-width: 2.75rem;
+          text-transform: uppercase;
+          font-size: 0.7rem;
+          letter-spacing: 0.08em;
+          border-radius: 9999px;
+          padding: 0.15rem 0.6rem;
+          background: transparent !important;
+          border: 1px solid rgba(96, 165, 250, 0.45) !important;
+          color: #f8f8ff !important;
+          font-weight: 600;
+        }
+
+        .announcement-badge :global(.p-badge) {
+          color: #f8f8ff !important;
+        }
+
+        .announcement-badge :global(.p-badge .p-badge-text) {
+          color: #f8f8ff !important;
+        }
+
+        .announcement-badge :global(.p-badge span) {
+          color: #f8f8ff !important;
+        }
+
+        .announcement-badge :global(*) {
+          color: #f8f8ff !important;
+        }
+
+        .announcement-text {
+          color: inherit;
+          font-weight: 600;
+        }
+
+        @media (max-width: 768px) {
+          .announcement-wrapper {
+            padding: 0.85rem 1.1rem;
+          }
+
+          .announcement-message {
+            min-width: 260px;
+          }
+
+          .announcement-content {
+            font-size: 0.85rem;
+          }
+        }
+      `}</style>
     </>
   );
 }