Relocate community whiteboard so it is only accessible in community area

Moves the community whiteboard from the homepage to the community section.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/04a85609-46ea-4ad3-8900-3814e64a1cde.jpg
This commit is contained in:
JeffEmmett 2025-05-21 12:23:25 +00:00
parent 64489145af
commit 8f189f4812
1 changed files with 2 additions and 42 deletions

View File

@ -159,51 +159,11 @@ export function CommunitySection() {
{/* Testimonials moved to a separate section */}
<div className="mt-10">
<h3 className="text-2xl font-playfair font-semibold text-teal text-center mb-8">
Community Whiteboard
</h3>
<Card className="mx-auto max-w-4xl">
<CardContent className="p-6">
<div className="rounded-md overflow-hidden bg-white" style={{ height: '600px' }}>
{user ? (
iframeLoaded ? (
<iframe
src="https://www.jeffemmett.com/board/pilateswithfadia"
title="Community Whiteboard"
onLoad={() => setIframeLoaded(true)}
className="w-full h-full border-0" style={{ minHeight: '100%' }}
/>
) : (
<div className="text-center py-16">
<i className="fas fa-spinner fa-spin text-5xl text-teal mb-6"></i>
<p className="text-gray-600 text-lg">Loading community whiteboard...</p>
<p className="text-gray-500 mt-2">This interactive board allows you to share ideas with other community members</p>
</div>
)
) : (
<div className="text-center py-16">
<i className="fas fa-chalkboard text-5xl text-teal mb-6"></i>
<p className="text-gray-600 text-lg">
Interactive Community Whiteboard
</p>
<p className="text-gray-500 mt-2 max-w-lg mx-auto">
Our exclusive digital whiteboard allows members to share exercise routines, wellness tips, and more with the Pilates with Fadia community.
</p>
<p className="text-sm text-gray-500 mt-6 flex items-center justify-center">
<i className="fas fa-lock mr-2 text-teal"></i> Please sign in to unlock this feature
</p>
</div>
)}
</div>
</CardContent>
</Card>
</div>
{/* Whiteboard removed from homepage and moved to community page */}
<div className="text-center mt-12">
<Link to="/auth">
<button className="px-8 py-3 bg-teal text-white font-medium rounded hover:bg-opacity-90 transition duration-300">
<button className="px-8 py-3 bg-teal text-white font-medium rounded-full hover:bg-opacity-90 transition duration-300">
{user ? "Access Community Dashboard" : "Join Our Community"}
</button>
</Link>