From a1971efdc3b6752bcd8fb8c449ba0e17f303e5ac Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Tue, 30 Sep 2025 05:45:05 +0000
Subject: [PATCH] Add spacing to the bottom of all pages and update report
 content

Adjusts bottom padding on various page components to ensure adequate spacing and updates the HTML path for the Krysh Parker report.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/hntn6cC
---
 client/src/components/MainContent.tsx |   2 +-
 client/src/pages/AdminDashboard.tsx   |   2 +-
 client/src/pages/Article.tsx          |   4 +-
 client/src/pages/Auctions.tsx         |   2 +-
 client/src/pages/MediaOutlet.tsx      |   2 +-
 client/src/pages/Report.tsx           | 144 ++------------------------
 6 files changed, 15 insertions(+), 141 deletions(-)

diff --git a/client/src/components/MainContent.tsx b/client/src/components/MainContent.tsx
index 9ce2b9d..c26f505 100644
--- a/client/src/components/MainContent.tsx
+++ b/client/src/components/MainContent.tsx
@@ -99,7 +99,7 @@ export default function MainContent() {
 
   return (
     <div className="flex flex-col min-h-screen bg-gray-50">
-      <div className="flex-1 max-w-7xl mx-auto px-4 py-4 pb-24 w-full">
+      <div className="flex-1 max-w-7xl mx-auto px-4 py-4 pb-32 w-full">
         {isLoading ? (
           <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
             {categories.map((category) => (
diff --git a/client/src/pages/AdminDashboard.tsx b/client/src/pages/AdminDashboard.tsx
index 62de3cb..595a779 100644
--- a/client/src/pages/AdminDashboard.tsx
+++ b/client/src/pages/AdminDashboard.tsx
@@ -188,7 +188,7 @@ export default function AdminDashboard() {
         </div>
       </header>
 
-      <main className="flex-1 max-w-7xl mx-auto px-4 py-4 pb-24 w-full">
+      <main className="flex-1 max-w-7xl mx-auto px-4 py-4 pb-32 w-full">
         {outletsLoading ? (
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
             {Array.from({ length: 12 }).map((_, i) => (
diff --git a/client/src/pages/Article.tsx b/client/src/pages/Article.tsx
index 9845bfe..e318a9c 100644
--- a/client/src/pages/Article.tsx
+++ b/client/src/pages/Article.tsx
@@ -125,7 +125,7 @@ export default function Article() {
           </div>
         </header>
 
-        <main className="max-w-7xl mx-auto px-6 py-8 pb-24">
+        <main className="max-w-7xl mx-auto px-6 py-8 pb-32">
           <div className="animate-pulse">
             <div className="h-8 bg-gray-300 rounded mb-4 w-3/4"></div>
             <div className="h-4 bg-gray-300 rounded mb-6 w-1/2"></div>
@@ -171,7 +171,7 @@ export default function Article() {
         </div>
       </header>
 
-      <main className="max-w-7xl mx-auto px-6 py-12 pb-24">
+      <main className="max-w-7xl mx-auto px-6 py-12 pb-32">
         {/* Article Content */}
         <article className="mb-16 max-w-4xl mx-auto">
           <header className="mb-8">
diff --git a/client/src/pages/Auctions.tsx b/client/src/pages/Auctions.tsx
index ea12b07..ef33b10 100644
--- a/client/src/pages/Auctions.tsx
+++ b/client/src/pages/Auctions.tsx
@@ -409,7 +409,7 @@ export default function Auctions() {
         </div>
       </header>
 
-      <main className="flex-1 px-6 py-3 pb-24 w-full">
+      <main className="flex-1 px-6 py-3 pb-32 w-full">
         {/* Auction Explanation */}
         <div className="mb-4">
           <Card>
diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx
index 1f3a896..778182a 100644
--- a/client/src/pages/MediaOutlet.tsx
+++ b/client/src/pages/MediaOutlet.tsx
@@ -339,7 +339,7 @@ export default function MediaOutlet() {
         </div>
       </header>
 
-      <main className="flex-1 max-w-7xl mx-auto px-6 py-4 pb-24 w-full">
+      <main className="flex-1 max-w-7xl mx-auto px-6 py-4 pb-32 w-full">
         {/* Outlet Header */}
         <div className="mb-4">
           <div className="flex items-start space-x-4 mb-3">
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index dfb7c57..48e4fed 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -10,7 +10,7 @@ const reportContent: Record<string, { htmlPath: string; pptPath: string }> = {
     pptPath: '/attached_assets/chayan asli slides_1759208861996.pptx'
   },
   'krysh-parker': {
-    htmlPath: 'krysh-parker',
+    htmlPath: '/attached_assets/krysh parker report_1759209671294.html',
     pptPath: '/attached_assets/krysh parker slides_1759209102236.pptx'
   }
 };
@@ -39,7 +39,7 @@ export default function Report() {
       </header>
 
       {/* Main Content */}
-      <main className="flex-1 max-w-7xl mx-auto px-4 py-8 pb-24 w-full">
+      <main className="flex-1 max-w-7xl mx-auto px-4 py-8 pb-32 w-full">
         <Tabs defaultValue="report" className="w-full">
           <TabsList className="grid w-full max-w-md mx-auto grid-cols-2 mb-8">
             <TabsTrigger value="report" data-testid="tab-report">
@@ -55,139 +55,13 @@ export default function Report() {
           <TabsContent value="report">
             <Card className="bg-white">
               <CardContent className="p-0">
-                {content.htmlPath === 'krysh-parker' ? (
-                  <div className="p-16">
-                    <h2 className="text-4xl font-bold text-gray-900 mb-8 text-center">Krysh Parker - Comprehensive Report</h2>
-                    <div className="max-w-4xl mx-auto space-y-8 text-lg text-gray-700">
-                      <section>
-                        <h3 className="text-3xl font-bold text-purple-600 mb-4">Executive Summary</h3>
-                        <p className="leading-relaxed">
-                          Krysh Parker is a distinguished technology strategist and innovation leader with deep expertise in digital assets, fund management, and venture capital. As Partner at Type3 Capital and Non-Executive Director at TrueFi DAO, he brings strategic vision to cutting-edge blockchain and DeFi projects.
-                        </p>
-                      </section>
-
-                      <section>
-                        <h3 className="text-3xl font-bold text-purple-600 mb-4">Professional Background</h3>
-                        <p className="leading-relaxed mb-4">
-                          With a strong background in fund management and venture capital, Parker has established himself as a key figure in the blockchain and decentralized finance ecosystem. His work focuses on identifying and nurturing innovative projects that push the boundaries of what's possible in digital finance.
-                        </p>
-                        <p className="leading-relaxed">
-                          Parker's career demonstrates a consistent focus on building sustainable value in the digital asset space, combining traditional finance expertise with cutting-edge blockchain technology knowledge.
-                        </p>
-                      </section>
-
-                      <section>
-                        <h3 className="text-3xl font-bold text-purple-600 mb-4">Current Leadership Roles</h3>
-                        <div className="space-y-6">
-                          <div className="bg-purple-50 p-6 rounded-lg">
-                            <h4 className="text-2xl font-bold text-purple-900 mb-3">Partner at Type3 Capital</h4>
-                            <p className="leading-relaxed">
-                              At Type3 Capital, Parker leads investment strategy in early-stage blockchain and Web3 projects. His portfolio focuses on infrastructure, DeFi protocols, and innovative applications that are shaping the future of decentralized finance. He brings deep technical expertise and market insight to evaluate and support promising ventures in the rapidly evolving crypto ecosystem.
-                            </p>
-                          </div>
-                          <div className="bg-blue-50 p-6 rounded-lg">
-                            <h4 className="text-2xl font-bold text-blue-900 mb-3">Non-Executive Director at TrueFi DAO</h4>
-                            <p className="leading-relaxed">
-                              As Non-Executive Director at TrueFi DAO, Parker guides governance and strategic development of one of the pioneering uncollateralized lending protocols in DeFi. His role involves balancing innovation with risk management, ensuring the protocol maintains its competitive edge while protecting stakeholder interests. TrueFi represents a critical advancement in decentralized credit markets, bridging traditional finance concepts with blockchain technology.
-                            </p>
-                          </div>
-                        </div>
-                      </section>
-
-                      <section>
-                        <h3 className="text-3xl font-bold text-purple-600 mb-4">Areas of Expertise</h3>
-                        <div className="grid grid-cols-2 gap-6">
-                          <div className="bg-gray-50 p-5 rounded-lg">
-                            <h4 className="font-bold text-xl text-gray-900 mb-2">Digital Asset Strategy</h4>
-                            <p className="text-gray-700">Comprehensive approach to digital asset allocation, risk management, and value creation in crypto markets.</p>
-                          </div>
-                          <div className="bg-gray-50 p-5 rounded-lg">
-                            <h4 className="font-bold text-xl text-gray-900 mb-2">DeFi Protocol Design</h4>
-                            <p className="text-gray-700">Deep understanding of decentralized finance mechanisms, tokenomics, and protocol sustainability.</p>
-                          </div>
-                          <div className="bg-gray-50 p-5 rounded-lg">
-                            <h4 className="font-bold text-xl text-gray-900 mb-2">Venture Capital</h4>
-                            <p className="text-gray-700">Extensive experience in identifying, evaluating, and supporting early-stage blockchain ventures.</p>
-                          </div>
-                          <div className="bg-gray-50 p-5 rounded-lg">
-                            <h4 className="font-bold text-xl text-gray-900 mb-2">Risk Management</h4>
-                            <p className="text-gray-700">Sophisticated frameworks for assessing and mitigating risks in volatile crypto markets.</p>
-                          </div>
-                        </div>
-                      </section>
-
-                      <section>
-                        <h3 className="text-3xl font-bold text-purple-600 mb-4">Strategic Vision</h3>
-                        <p className="leading-relaxed mb-4">
-                          Parker's strategic focus centers on three key pillars:
-                        </p>
-                        <div className="space-y-4">
-                          <div className="flex items-start">
-                            <span className="text-3xl mr-4">🏗️</span>
-                            <div>
-                              <h4 className="font-bold text-xl text-gray-900 mb-1">Blockchain Infrastructure</h4>
-                              <p className="text-gray-700">Building foundational protocols and systems that enable the next generation of decentralized applications.</p>
-                            </div>
-                          </div>
-                          <div className="flex items-start">
-                            <span className="text-3xl mr-4">🚀</span>
-                            <div>
-                              <h4 className="font-bold text-xl text-gray-900 mb-1">DeFi Innovation</h4>
-                              <p className="text-gray-700">Advancing decentralized finance through novel lending, borrowing, and trading mechanisms that improve capital efficiency.</p>
-                            </div>
-                          </div>
-                          <div className="flex items-start">
-                            <span className="text-3xl mr-4">🌉</span>
-                            <div>
-                              <h4 className="font-bold text-xl text-gray-900 mb-1">Institutional Adoption</h4>
-                              <p className="text-gray-700">Bridging traditional finance and DeFi to facilitate mainstream adoption of blockchain technology by institutional players.</p>
-                            </div>
-                          </div>
-                        </div>
-                      </section>
-
-                      <section>
-                        <h3 className="text-3xl font-bold text-purple-600 mb-4">Impact & Contributions</h3>
-                        <p className="leading-relaxed mb-4">
-                          Throughout his career, Parker has made significant contributions to the blockchain ecosystem:
-                        </p>
-                        <ul className="space-y-3">
-                          <li className="flex items-start">
-                            <span className="text-purple-600 mr-3 font-bold text-xl">•</span>
-                            <span className="leading-relaxed"><strong>Strategic Leadership:</strong> Guided multiple successful blockchain ventures to achieve market leadership positions and sustainable growth.</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-purple-600 mr-3 font-bold text-xl">•</span>
-                            <span className="leading-relaxed"><strong>Innovation Catalyst:</strong> Pioneered new models for decentralized credit and lending that expand access to capital in DeFi.</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-purple-600 mr-3 font-bold text-xl">•</span>
-                            <span className="leading-relaxed"><strong>Ecosystem Builder:</strong> Created substantial value across the Web3 and DeFi landscape through strategic investments and partnerships.</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-purple-600 mr-3 font-bold text-xl">•</span>
-                            <span className="leading-relaxed"><strong>Thought Leadership:</strong> Shaped industry conversations on blockchain governance, risk management, and the future of decentralized finance.</span>
-                          </li>
-                        </ul>
-                      </section>
-
-                      <section className="bg-gradient-to-r from-purple-50 to-blue-50 p-8 rounded-lg">
-                        <h3 className="text-3xl font-bold text-gray-900 mb-4">Looking Forward</h3>
-                        <p className="leading-relaxed text-gray-800">
-                          As the blockchain industry continues to mature, Krysh Parker remains at the forefront of innovation, combining deep technical knowledge with strategic vision to identify and nurture the next generation of transformative DeFi projects. His work continues to bridge the gap between traditional finance and the decentralized future, facilitating the mainstream adoption of blockchain technology.
-                        </p>
-                      </section>
-                    </div>
-                  </div>
-                ) : (
-                  <iframe
-                    src={content.htmlPath}
-                    className="w-full border-none"
-                    style={{ minHeight: '100vh', height: 'auto' }}
-                    title="Comprehensive Report"
-                    data-testid="iframe-report"
-                  />
-                )}
+                <iframe
+                  src={content.htmlPath}
+                  className="w-full border-none"
+                  style={{ minHeight: '100vh', height: 'auto' }}
+                  title="Comprehensive Report"
+                  data-testid="iframe-report"
+                />
               </CardContent>
             </Card>
           </TabsContent>