Add presentation slides for Chayan Asli and Krysh Parker
Removes hardcoded slide data for Chayan Asli and Krysh Parker from Report.tsx and links to external PPTX files. 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/XHpsebf
This commit is contained in:
kimjaehyeon0101
BIN
attached_assets/chayan asli slides_1759208861996.pptx
Normal file
BIN
attached_assets/chayan asli slides_1759208861996.pptx
Normal file
Binary file not shown.
BIN
attached_assets/krysh parker slides_1759208861997.pptx
Normal file
BIN
attached_assets/krysh parker slides_1759208861997.pptx
Normal file
Binary file not shown.
BIN
attached_assets/krysh parker slides_1759209102236.pptx
Normal file
BIN
attached_assets/krysh parker slides_1759209102236.pptx
Normal file
Binary file not shown.
@ -1,302 +1,31 @@
|
||||
import { useRoute } from "wouter";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { ChevronLeft, ChevronRight, FileText, Presentation } from "lucide-react";
|
||||
import { FileText, Presentation } from "lucide-react";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||
import { Card, CardContent } from "@/components/ui/card";
|
||||
import Footer from "@/components/Footer";
|
||||
import { useState, useEffect } from "react";
|
||||
|
||||
// Chayan Asli slides
|
||||
const chayanAsliSlides = [
|
||||
{
|
||||
title: "Chayan Asli",
|
||||
subtitle: "Technology Entrepreneur | Hedge Fund Manager | AI Pioneer",
|
||||
content: (
|
||||
<div className="text-center space-y-6">
|
||||
<div className="w-32 h-32 mx-auto rounded-full overflow-hidden border-4 border-white shadow-lg mb-6">
|
||||
<img src="https://pbs.twimg.com/profile_images/1683962801457332227/TZD2wovr_400x400.jpg" alt="Chayan Asli" className="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h1 className="text-5xl font-bold text-white">Chayan Asli</h1>
|
||||
<p className="text-2xl text-blue-100">Technology Entrepreneur | Hedge Fund Manager | AI Pioneer</p>
|
||||
<p className="text-xl text-blue-200">Founder & CEO, Vestun</p>
|
||||
</div>
|
||||
),
|
||||
background: "bg-gradient-to-br from-blue-600 to-blue-800"
|
||||
},
|
||||
{
|
||||
title: "Executive Summary",
|
||||
subtitle: "Professional Overview",
|
||||
content: (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-8">Executive Summary</h2>
|
||||
<div className="space-y-4 text-lg text-gray-700">
|
||||
<p className="leading-relaxed">
|
||||
Swiss-born technology entrepreneur and hedge fund manager who has established himself as a significant figure in the intersection of artificial intelligence, financial technology, and venture capital.
|
||||
</p>
|
||||
<div className="grid grid-cols-2 gap-6 mt-8">
|
||||
<div className="bg-blue-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-blue-900 mb-2">Company</h3>
|
||||
<p className="text-gray-700">Founder & CEO of Vestun</p>
|
||||
</div>
|
||||
<div className="bg-blue-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-blue-900 mb-2">Location</h3>
|
||||
<p className="text-gray-700">Zurich, Switzerland</p>
|
||||
</div>
|
||||
<div className="bg-blue-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-blue-900 mb-2">Focus Areas</h3>
|
||||
<p className="text-gray-700">AI, FinTech, Blockchain</p>
|
||||
</div>
|
||||
<div className="bg-blue-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-blue-900 mb-2">Since</h3>
|
||||
<p className="text-gray-700">Crypto investor since 2016</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
background: "bg-white"
|
||||
}
|
||||
];
|
||||
|
||||
// Krysh Parker slides
|
||||
const kryshParkerSlides = [
|
||||
{
|
||||
title: "Krysh Parker",
|
||||
subtitle: "Innovation Leader | Tech Strategist",
|
||||
content: (
|
||||
<div className="text-center space-y-6">
|
||||
<div className="w-32 h-32 mx-auto rounded-full overflow-hidden border-4 border-white shadow-lg mb-6">
|
||||
<img src="https://pbs.twimg.com/profile_images/1846618296296595456/m_Xx9vWA_400x400.jpg" alt="Krysh Parker" className="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h1 className="text-5xl font-bold text-white">Krysh Parker</h1>
|
||||
<p className="text-2xl text-purple-100">Innovation Leader | Tech Strategist</p>
|
||||
<p className="text-xl text-purple-200">Partner at Type3 Capital</p>
|
||||
</div>
|
||||
),
|
||||
background: "bg-gradient-to-br from-purple-600 to-purple-800"
|
||||
},
|
||||
{
|
||||
title: "Professional Overview",
|
||||
subtitle: "Leadership & Expertise",
|
||||
content: (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-8">Professional Overview</h2>
|
||||
<div className="space-y-4 text-lg text-gray-700">
|
||||
<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>
|
||||
<div className="grid grid-cols-2 gap-6 mt-8">
|
||||
<div className="bg-purple-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-purple-900 mb-2">Current Role</h3>
|
||||
<p className="text-gray-700">Partner at Type3 Capital</p>
|
||||
</div>
|
||||
<div className="bg-purple-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-purple-900 mb-2">Leadership</h3>
|
||||
<p className="text-gray-700">Non-Executive Director, TrueFi DAO</p>
|
||||
</div>
|
||||
<div className="bg-purple-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-purple-900 mb-2">Expertise</h3>
|
||||
<p className="text-gray-700">DeFi, Digital Assets, Fund Management</p>
|
||||
</div>
|
||||
<div className="bg-purple-50 p-6 rounded-lg">
|
||||
<h3 className="font-bold text-xl text-purple-900 mb-2">Focus</h3>
|
||||
<p className="text-gray-700">Blockchain Innovation & Strategy</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
background: "bg-white"
|
||||
},
|
||||
{
|
||||
title: "Type3 Capital",
|
||||
subtitle: "Venture Capital Excellence",
|
||||
content: (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-8">Type3 Capital</h2>
|
||||
<div className="grid grid-cols-2 gap-6">
|
||||
<div className="bg-gradient-to-br from-purple-500 to-purple-600 text-white p-6 rounded-lg">
|
||||
<h3 className="font-bold text-2xl mb-3">Investment Focus</h3>
|
||||
<p className="text-purple-100">Early-stage blockchain and Web3 projects</p>
|
||||
</div>
|
||||
<div className="bg-gradient-to-br from-blue-500 to-blue-600 text-white p-6 rounded-lg">
|
||||
<h3 className="font-bold text-2xl mb-3">Strategy</h3>
|
||||
<p className="text-blue-100">Long-term value creation in digital assets</p>
|
||||
</div>
|
||||
<div className="bg-gradient-to-br from-green-500 to-green-600 text-white p-6 rounded-lg">
|
||||
<h3 className="font-bold text-2xl mb-3">Portfolio</h3>
|
||||
<p className="text-green-100">Leading DeFi and infrastructure projects</p>
|
||||
</div>
|
||||
<div className="bg-gradient-to-br from-orange-500 to-orange-600 text-white p-6 rounded-lg">
|
||||
<h3 className="font-bold text-2xl mb-3">Impact</h3>
|
||||
<p className="text-orange-100">Shaping the future of decentralized finance</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
background: "bg-gray-50"
|
||||
},
|
||||
{
|
||||
title: "TrueFi DAO Leadership",
|
||||
subtitle: "Decentralized Finance Innovation",
|
||||
content: (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-8">TrueFi DAO Leadership</h2>
|
||||
<div className="bg-blue-600 text-white p-8 rounded-lg mb-6">
|
||||
<p className="text-2xl font-bold text-center">Non-Executive Director</p>
|
||||
<p className="text-xl text-center text-blue-100 mt-2">Pioneering Uncollateralized Lending</p>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-start space-x-4 bg-gray-50 p-4 rounded-lg">
|
||||
<div className="w-3 h-3 bg-blue-600 rounded-full mt-2"></div>
|
||||
<div>
|
||||
<h3 className="font-bold text-xl text-gray-900">Strategic Governance</h3>
|
||||
<p className="text-gray-600">Guiding protocol development and risk management</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-start space-x-4 bg-gray-50 p-4 rounded-lg">
|
||||
<div className="w-3 h-3 bg-blue-600 rounded-full mt-2"></div>
|
||||
<div>
|
||||
<h3 className="font-bold text-xl text-gray-900">Innovation Leadership</h3>
|
||||
<p className="text-gray-600">Driving adoption of credit-based DeFi solutions</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-start space-x-4 bg-gray-50 p-4 rounded-lg">
|
||||
<div className="w-3 h-3 bg-blue-600 rounded-full mt-2"></div>
|
||||
<div>
|
||||
<h3 className="font-bold text-xl text-gray-900">Community Engagement</h3>
|
||||
<p className="text-gray-600">Building trust and transparency in decentralized governance</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
background: "bg-white"
|
||||
},
|
||||
{
|
||||
title: "Expertise & Vision",
|
||||
subtitle: "Strategic Innovation",
|
||||
content: (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-8">Expertise & Vision</h2>
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-4">Core Competencies</h3>
|
||||
<ul className="space-y-3 text-lg">
|
||||
<li className="flex items-start">
|
||||
<span className="text-purple-600 mr-3">•</span>
|
||||
<span>Digital asset strategy</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-purple-600 mr-3">•</span>
|
||||
<span>DeFi protocol design</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-purple-600 mr-3">•</span>
|
||||
<span>Venture capital expertise</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-purple-600 mr-3">•</span>
|
||||
<span>Risk management</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold text-blue-600 mb-4">Strategic Focus</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="bg-blue-50 p-4 rounded-lg">
|
||||
<p className="font-bold text-blue-900">Blockchain Infrastructure</p>
|
||||
<p className="text-gray-700">Building foundational protocols</p>
|
||||
</div>
|
||||
<div className="bg-blue-50 p-4 rounded-lg">
|
||||
<p className="font-bold text-blue-900">DeFi Innovation</p>
|
||||
<p className="text-gray-700">Advancing decentralized finance</p>
|
||||
</div>
|
||||
<div className="bg-blue-50 p-4 rounded-lg">
|
||||
<p className="font-bold text-blue-900">Institutional Adoption</p>
|
||||
<p className="text-gray-700">Bridging TradFi and DeFi</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
background: "bg-gray-50"
|
||||
},
|
||||
{
|
||||
title: "Impact & Achievements",
|
||||
subtitle: "Industry Contributions",
|
||||
content: (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-8">Impact & Achievements</h2>
|
||||
<div className="space-y-4">
|
||||
<div className="bg-gradient-to-r from-purple-500 to-purple-600 text-white p-6 rounded-lg">
|
||||
<h3 className="text-2xl font-bold mb-2">🎯 Strategic Leadership</h3>
|
||||
<p className="text-purple-100">Guiding multiple successful blockchain ventures to market leadership</p>
|
||||
</div>
|
||||
<div className="bg-gradient-to-r from-blue-500 to-blue-600 text-white p-6 rounded-lg">
|
||||
<h3 className="text-2xl font-bold mb-2">🚀 Innovation Driver</h3>
|
||||
<p className="text-blue-100">Pioneering new models for decentralized credit and lending</p>
|
||||
</div>
|
||||
<div className="bg-gradient-to-r from-green-500 to-green-600 text-white p-6 rounded-lg">
|
||||
<h3 className="text-2xl font-bold mb-2">🌐 Ecosystem Builder</h3>
|
||||
<p className="text-green-100">Creating value across the Web3 and DeFi landscape</p>
|
||||
</div>
|
||||
<div className="bg-gradient-to-r from-orange-500 to-orange-600 text-white p-6 rounded-lg">
|
||||
<h3 className="text-2xl font-bold mb-2">🤝 Thought Leadership</h3>
|
||||
<p className="text-orange-100">Shaping industry conversations on blockchain governance</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
background: "bg-white"
|
||||
}
|
||||
];
|
||||
|
||||
const reportContent: Record<string, { htmlPath: string; slides: typeof chayanAsliSlides }> = {
|
||||
const reportContent: Record<string, { htmlPath: string; pptPath: string }> = {
|
||||
'chayan-asli': {
|
||||
htmlPath: '/attached_assets/chayan asli report_1759208054055.html',
|
||||
slides: chayanAsliSlides
|
||||
pptPath: '/attached_assets/chayan asli slides_1759208079159.pptx'
|
||||
},
|
||||
'krysh-parker': {
|
||||
htmlPath: '', // Will show placeholder text
|
||||
slides: kryshParkerSlides
|
||||
htmlPath: 'krysh-parker',
|
||||
pptPath: '/attached_assets/krysh parker slides_1759208861997.pptx'
|
||||
}
|
||||
};
|
||||
|
||||
export default function Report() {
|
||||
const [, params] = useRoute("/media/:slug/report");
|
||||
const [currentSlide, setCurrentSlide] = useState(0);
|
||||
|
||||
const slug = params?.slug || '';
|
||||
const content = reportContent[slug] || reportContent['chayan-asli'];
|
||||
const slides = content.slides;
|
||||
|
||||
const nextSlide = () => {
|
||||
if (currentSlide < slides.length - 1) {
|
||||
setCurrentSlide((prev) => prev + 1);
|
||||
}
|
||||
// Get full URL for PPT file
|
||||
const getFullPptUrl = () => {
|
||||
const baseUrl = window.location.origin;
|
||||
return `${baseUrl}${content.pptPath}`;
|
||||
};
|
||||
|
||||
const prevSlide = () => {
|
||||
if (currentSlide > 0) {
|
||||
setCurrentSlide((prev) => prev - 1);
|
||||
}
|
||||
};
|
||||
|
||||
// Keyboard navigation
|
||||
useEffect(() => {
|
||||
const handleKeyDown = (e: KeyboardEvent) => {
|
||||
if (e.key === 'ArrowRight') {
|
||||
nextSlide();
|
||||
} else if (e.key === 'ArrowLeft') {
|
||||
prevSlide();
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener('keydown', handleKeyDown);
|
||||
return () => window.removeEventListener('keydown', handleKeyDown);
|
||||
}, [currentSlide]);
|
||||
|
||||
return (
|
||||
<div className="flex flex-col min-h-screen bg-gray-50">
|
||||
@ -326,7 +55,131 @@ export default function Report() {
|
||||
<TabsContent value="report">
|
||||
<Card className="bg-white">
|
||||
<CardContent className="p-0">
|
||||
{content.htmlPath ? (
|
||||
{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"
|
||||
@ -334,96 +187,23 @@ export default function Report() {
|
||||
title="Comprehensive Report"
|
||||
data-testid="iframe-report"
|
||||
/>
|
||||
) : (
|
||||
<div className="p-16 text-center">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Comprehensive Report</h2>
|
||||
<div className="max-w-3xl mx-auto text-left space-y-6 text-lg text-gray-700">
|
||||
<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>
|
||||
<h3 className="text-2xl font-bold text-gray-900 mt-8">Professional Background</h3>
|
||||
<p>
|
||||
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>
|
||||
<h3 className="text-2xl font-bold text-gray-900 mt-8">Current Roles</h3>
|
||||
<ul className="space-y-3">
|
||||
<li className="flex items-start">
|
||||
<span className="text-purple-600 mr-3 font-bold">•</span>
|
||||
<span><strong>Partner at Type3 Capital:</strong> Leading investment strategy in early-stage blockchain and Web3 projects</span>
|
||||
</li>
|
||||
<li className="flex items-start">
|
||||
<span className="text-purple-600 mr-3 font-bold">•</span>
|
||||
<span><strong>Non-Executive Director at TrueFi DAO:</strong> Guiding governance and strategic development of pioneering uncollateralized lending protocol</span>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 className="text-2xl font-bold text-gray-900 mt-8">Areas of Expertise</h3>
|
||||
<p>
|
||||
Parker's expertise spans digital asset strategy, DeFi protocol design, venture capital, and risk management. He is particularly focused on building blockchain infrastructure, advancing decentralized finance innovation, and facilitating institutional adoption of blockchain technologies.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="slides">
|
||||
<div className="relative">
|
||||
{/* Slide Display */}
|
||||
<Card className={`${slides[currentSlide].background} min-h-[600px] shadow-2xl`}>
|
||||
<CardContent className="p-16">
|
||||
{slides[currentSlide].content}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Navigation Controls */}
|
||||
<div className="flex items-center justify-between mt-6">
|
||||
<Button
|
||||
onClick={prevSlide}
|
||||
variant="outline"
|
||||
size="lg"
|
||||
disabled={currentSlide === 0}
|
||||
data-testid="button-prev-slide"
|
||||
>
|
||||
<ChevronLeft className="h-5 w-5 mr-2" />
|
||||
Previous
|
||||
</Button>
|
||||
|
||||
<div className="flex items-center space-x-3">
|
||||
<span className="text-lg font-medium text-gray-700">
|
||||
{currentSlide + 1} / {slides.length}
|
||||
</span>
|
||||
<div className="flex space-x-1">
|
||||
{slides.map((_, index) => (
|
||||
<button
|
||||
key={index}
|
||||
onClick={() => setCurrentSlide(index)}
|
||||
className={`w-2 h-2 rounded-full transition-colors ${
|
||||
index === currentSlide ? 'bg-blue-600' : 'bg-gray-300'
|
||||
}`}
|
||||
data-testid={`dot-slide-${index}`}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
onClick={nextSlide}
|
||||
variant="outline"
|
||||
size="lg"
|
||||
disabled={currentSlide === slides.length - 1}
|
||||
data-testid="button-next-slide"
|
||||
>
|
||||
Next
|
||||
<ChevronRight className="h-5 w-5 ml-2" />
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
{/* Keyboard Navigation Hint */}
|
||||
<p className="text-center text-sm text-gray-500 mt-4">
|
||||
Use arrow keys ← → to navigate slides
|
||||
</p>
|
||||
</div>
|
||||
<Card className="bg-white shadow-2xl">
|
||||
<CardContent className="p-0">
|
||||
<iframe
|
||||
src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(getFullPptUrl())}`}
|
||||
className="w-full border-none"
|
||||
style={{ minHeight: '600px', height: '80vh' }}
|
||||
title="Presentation Slides"
|
||||
data-testid="iframe-slides"
|
||||
/>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user