feat: Update campaign messaging and remove outdated elements for clarity

- Revised the .env.example file to clarify the purpose of the CAMPAIGN_END_DATE variable for ongoing validation campaigns.
- Removed the daysLeft calculation and limitedRewards section from the update-campaign-stats script and campaign-stats.json to streamline data handling.
- Updated the Hero component and index page to change call-to-action phrases from "Support the Vision" to "Validate This Idea" and "Support Validation," enhancing alignment with the platform's focus on idea validation.
- Removed the FOMO Announcement Bar and related elements from the index page to simplify the user interface and improve overall user experience.

These changes aim to better communicate the platform's purpose and improve the clarity of campaign-related information.

Author: gunta

.env.example

@@ -10,8 +10,8 @@ STRIPE_SECRET_KEY=sk_test_...
 STRIPE_CAMPAIGN_PRICE_ID=
 STRIPE_CAMPAIGN_PRODUCT_ID=
 
-# Campaign End Date (ISO format) - Leave empty for ongoing campaigns
-# Example: 2025-12-31 or empty for no end date
+# Campaign End Date (ISO format) - Leave empty for ongoing validation
+# Most validation campaigns run indefinitely to gauge genuine interest
 CAMPAIGN_END_DATE=
 
 # Campaign Goal in dollars (default: 10000)

scripts/update-campaign-stats.ts

@@ -24,7 +24,6 @@ const MOCK_DATA = {
     goal: CAMPAIGN_GOAL,
     raised: 1247,
     supporters: 23,
-    daysLeft: CAMPAIGN_END_DATE ? Math.ceil((CAMPAIGN_END_DATE.getTime() - Date.now()) / (1000 * 60 * 60 * 24)) : null,
     lastContribution: {
       amount: 100,
       timeAgo: "2 hours ago"
@@ -46,23 +45,6 @@ const MOCK_DATA = {
         location: "Japan"
       }
     ],
-    limitedRewards: {
-      earlyBird: {
-        total: 100,
-        remaining: 17,
-        discount: "50% off first year"
-      },
-      foundingMember: {
-        total: 50,
-        remaining: 8,
-        perk: "Lifetime Pro access"
-      },
-      advisoryBoard: {
-        total: 10,
-        remaining: 3,
-        perk: "Direct input on features"
-      }
-    },
     milestones: {
       current: 1247,
       next: 2500,
@@ -153,11 +135,6 @@ async function fetchStripeData() {
       }
     }
 
-    // Calculate stats
-    const daysLeft = CAMPAIGN_END_DATE ? 
-      Math.ceil((CAMPAIGN_END_DATE.getTime() - Date.now()) / (1000 * 60 * 60 * 24)) : 
-      null;
-    
     // Calculate trend
     const previousWeekRaised = raised7Days - raised24Hours;
     const percentIncrease = previousWeekRaised > 0 ? 
@@ -178,7 +155,6 @@ async function fetchStripeData() {
         ...MOCK_DATA.campaign,
         raised: totalRaised || MOCK_DATA.campaign.raised,
         supporters: supporters.size || MOCK_DATA.campaign.supporters,
-        daysLeft,
         lastContribution,
         recentSupporters: recentContributions.length > 0 ? recentContributions : MOCK_DATA.campaign.recentSupporters,
         milestones: {
@@ -292,11 +268,6 @@ async function main() {
   console.log(`   Goal: $${stats.campaign.goal}`);
   console.log(`   Raised: $${stats.campaign.raised} (${Math.round((stats.campaign.raised / stats.campaign.goal) * 100)}%)`);
   console.log(`   Supporters: ${stats.campaign.supporters}`);
-  if (stats.campaign.daysLeft !== null) {
-    console.log(`   Days left: ${stats.campaign.daysLeft}`);
-  } else {
-    console.log(`   Duration: Ongoing (no end date set)`);
-  }
 }
 
 // Run the script

src/components/Hero.astro

@@ -40,7 +40,7 @@ import GitHubStarButton from './GitHubStarButton.tsx';
 		<!-- CTA Buttons -->
 		<div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-12">
 			<a href="/PRiority/fund" class="glow-button group">
-				<span>Support the Vision</span>
+				<span>Validate This Idea</span>
 				<svg class="w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />
 				</svg>

src/data/campaign-stats.json

@@ -3,7 +3,6 @@
     "goal": 10000,
     "raised": 1247,
     "supporters": 23,
-    "daysLeft": null,
     "lastContribution": {
       "amount": 100,
       "timeAgo": "2 hours ago"
@@ -25,23 +24,6 @@
         "location": "Japan"
       }
     ],
-    "limitedRewards": {
-      "earlyBird": {
-        "total": 100,
-        "remaining": 17,
-        "discount": "50% off first year"
-      },
-      "foundingMember": {
-        "total": 50,
-        "remaining": 8,
-        "perk": "Lifetime Pro access"
-      },
-      "advisoryBoard": {
-        "total": 10,
-        "remaining": 3,
-        "perk": "Direct input on features"
-      }
-    },
     "milestones": {
       "current": 1247,
       "next": 2500,

src/pages/index.astro

@@ -83,34 +83,8 @@ import '../styles/global.css';
 			zIndex={9999}
 		/>
 
-		<!-- FOMO Announcement Bar -->
-		<div class="fomo-banner fixed top-0 left-0 right-0 z-[110]">
-			<div class="fomo-content">
-				<div class="fomo-ticker">
-					<span class="fomo-item">
-						🔥 <strong>$2,500</strong> raised in last 24 hours
-					</span>
-					<span class="fomo-divider">·</span>
-					<span class="fomo-item">
-						⚡ <strong>17</strong> early bird spots left (50% off)
-					</span>
-					<span class="fomo-divider">·</span>
-					<span class="fomo-item">
-						⏰ <strong>47 days</strong> until campaign ends
-					</span>
-					<span class="fomo-divider">·</span>
-					<span class="fomo-item live-update">
-						💚 Someone from <span id="supporter-location">Berlin</span> just contributed <span id="supporter-amount">$100</span>
-					</span>
-				</div>
-				<a href="/PRiority/fund" class="fomo-cta">
-					Join Now →
-				</a>
-			</div>
-		</div>
-		
 		<!-- Navigation -->
-		<nav class="fixed top-12 left-0 right-0 z-[100] px-6 py-4 lg:px-12 bg-black/50 backdrop-blur-md border-b border-gray-800/50">
+		<nav class="fixed top-0 left-0 right-0 z-[100] px-6 py-4 lg:px-12 bg-black/50 backdrop-blur-md border-b border-gray-800/50">
 			<div class="max-w-7xl mx-auto flex items-center justify-between">
 				<div class="flex items-center space-x-2">
 					<img src="/PRiority/logo.png" alt="PRiority Logo" class="h-12 w-auto object-contain" />
@@ -125,7 +99,7 @@ import '../styles/global.css';
 		</nav>
 
 
-		<main class="relative z-20 pt-32">
+		<main class="relative z-20 pt-24">
 			<Hero />
 		</main>
 
@@ -540,7 +514,7 @@ import '../styles/global.css';
 					<div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-8">
 						<a href="/PRiority/fund" class="fund-cta-button">
 							<span class="rocket-icon">🚀</span>
-							Support the Vision
+							Validate This Project
 							<span class="arrow">→</span>
 						</a>
 						<a href="/PRiority/validation-disclosure" class="text-gray-400 hover:text-white transition-colors underline">
@@ -573,7 +547,7 @@ import '../styles/global.css';
 		<div class="fixed bottom-8 right-8 z-[90] flex flex-col gap-3">
 			<GitHubStarButton client:load showCount={true} className="shadow-lg hover:shadow-2xl" />
 			<a href="/PRiority/fund" class="bg-gradient-to-r from-blue-600 to-purple-600 text-white px-6 py-3 rounded-full shadow-lg hover:shadow-2xl hover:scale-105 transition-all duration-300 flex items-center gap-2 justify-center">
-				<span class="font-semibold">Back This Project</span>
+				<span class="font-semibold">Support Validation</span>
 				<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
 					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
 				</svg>
@@ -585,28 +559,25 @@ import '../styles/global.css';
 			<div class="widget-content">
 				<div class="widget-header">
 					<span class="widget-badge">LIVE</span>
-					<span class="widget-title">Campaign Progress</span>
+					<span class="widget-title">Validation Progress</span>
 				</div>
 				<div class="widget-progress">
 					<div class="progress-bar">
 						<div class="progress-fill" id="widget-progress"></div>
 					</div>
 					<div class="progress-stats">
 						<span class="raised-amount" id="widget-raised">$1,247</span>
-						<span class="goal-amount">of $10K</span>
+						<span class="goal-amount">of $10K goal</span>
 					</div>
 				</div>
 				<div class="widget-footer">
 					<div class="supporter-count">
-						<span class="supporter-icon">👥</span>
-						<span id="widget-supporters">23</span> backers
-					</div>
-					<div class="time-left">
-						⏰ <span id="widget-days">47</span> days left
+						<span class="supporter-icon">💚</span>
+						<span id="widget-supporters">23</span> supporters
 					</div>
 				</div>
 				<a href="/PRiority/fund" class="widget-cta">
-					View Campaign →
+					Learn More →
 				</a>
 			</div>
 		</div>
@@ -670,9 +641,9 @@ import '../styles/global.css';
 						<span class="fomo-action">New supporter from Tokyo</span>
 					</div>
 				</div>
-				<div class="fomo-urgency">
+				<!-- <div class="fomo-urgency">
 					⚡ Only <strong>17</strong> early bird spots left!
-				</div>
+				</div> -->
 				<a href="/PRiority/fund" class="fomo-widget-cta">
 					View Campaign →
 				</a>
@@ -804,106 +775,7 @@ import '../styles/global.css';
 		}
 	}
 
-	/* FOMO Banner Styles */
-	.fomo-banner {
-		background: linear-gradient(90deg, #1e1b4b, #312e81, #1e1b4b);
-		background-size: 200% 100%;
-		animation: gradient-shift 10s ease infinite;
-		padding: 8px 16px;
-		border-bottom: 1px solid rgba(147, 51, 234, 0.3);
-		box-shadow: 0 2px 10px rgba(147, 51, 234, 0.2);
-	}
-
-	@keyframes gradient-shift {
-		0%, 100% { background-position: 0% 50%; }
-		50% { background-position: 100% 50%; }
-	}
-
-	.fomo-content {
-		max-width: 1400px;
-		margin: 0 auto;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 20px;
-	}
-
-	.fomo-ticker {
-		display: flex;
-		align-items: center;
-		gap: 16px;
-		overflow-x: auto;
-		flex: 1;
-		font-size: 14px;
-		color: #e0e7ff;
-	}
-
-	.fomo-ticker::-webkit-scrollbar {
-		display: none;
-	}
-
-	.fomo-item {
-		white-space: nowrap;
-		animation: fadeIn 1s ease-out;
-	}
-
-	.fomo-item strong {
-		color: #fbbf24;
-		font-weight: 700;
-	}
-
-	.fomo-divider {
-		color: #6366f1;
-		opacity: 0.5;
-	}
-
-	.live-update {
-		animation: pulse-glow 2s infinite;
-	}
-
-	@keyframes pulse-glow {
-		0%, 100% { opacity: 0.8; }
-		50% { opacity: 1; filter: brightness(1.2); }
-	}
-
-	.fomo-cta {
-		background: linear-gradient(135deg, #f59e0b, #ef4444);
-		color: white;
-		padding: 6px 16px;
-		border-radius: 20px;
-		font-weight: 600;
-		text-decoration: none;
-		white-space: nowrap;
-		transition: all 0.3s ease;
-		box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
-		animation: cta-pulse 2s infinite;
-	}
-
-	@keyframes cta-pulse {
-		0%, 100% { transform: scale(1); }
-		50% { transform: scale(1.05); }
-	}
-
-	.fomo-cta:hover {
-		background: linear-gradient(135deg, #fbbf24, #f97316);
-		box-shadow: 0 4px 12px rgba(239, 68, 68, 0.5);
-		transform: scale(1.1);
-	}
-
-	@media (max-width: 768px) {
-		.fomo-content {
-			flex-direction: column;
-			gap: 8px;
-		}
-
-		.fomo-ticker {
-			justify-content: center;
-		}
 
-		.fomo-divider {
-			display: none;
-		}
-	}
 
 	/* Floating FOMO Widget */
 	.fomo-widget {
@@ -1078,30 +950,3 @@ import '../styles/global.css';
 	}
 </style>
 
-<script>
-	// FOMO Banner Updates
-	const locations = ['Tokyo', 'London', 'New York', 'Berlin', 'Sydney', 'Mumbai', 'Toronto', 'Paris', 'Singapore'];
-	const amounts = ['$25', '$50', '$100', '$500', '$1,000'];
-	
-	function updateLiveSupporter() {
-		const locationEl = document.getElementById('supporter-location');
-		const amountEl = document.getElementById('supporter-amount');
-		
-		if (locationEl && amountEl) {
-			locationEl.textContent = locations[Math.floor(Math.random() * locations.length)];
-			amountEl.textContent = amounts[Math.floor(Math.random() * amounts.length)];
-			
-			// Flash animation
-			const liveUpdate = document.querySelector('.live-update');
-			if (liveUpdate) {
-				liveUpdate.style.animation = 'none';
-				setTimeout(() => {
-					liveUpdate.style.animation = 'pulse-glow 2s infinite, fadeIn 0.5s ease-out';
-				}, 10);
-			}
-		}
-	}
-	
-	// Update every 8 seconds
-	setInterval(updateLiveSupporter, 8000);
-</script>