Skip to content

Commit

Permalink
Merge pull request wishonia#115 from mikepsinn/main
Browse files Browse the repository at this point in the history 
components instead of a hardcoded array of strings as sentences set as HTML
  • Loading branch information
@mikepsinn
mikepsinn authored Jul 16, 2024
2 parents dbac9ea + d35f4ad commit 4250ab1
Show file tree
Hide file tree
Showing 6 changed files with 206 additions and 136 deletions.
29 changes: 6 additions & 23 deletions app/(frontpage)/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,10 @@ import { getCurrentUser } from "@/lib/session"
import ForkableWorldSection from "@/components/landingPage/ForkableWorldSection"
import HowItWorksSection from "@/components/HowItWorksSection"
import OpenSource from "@/components/pages/opensource"
import { PWARedirect } from "@/components/pwa-redirect"
import GlobalHealthOptimizationAgent from "@/components/landingPage/global-health-optimization-agent";
import GlobalCoordinationAgent from "@/components/landingPage/global-coordination-agent";
import GlobalBrainNetwork from "@/components/landingPage/global-brain-network";
import { PWARedirect } from "@/components/pwa-redirect";
import InteractiveLandingPage from "@/components/landingPage/interactive-landing-page";
import WorldOptimizationDashboard from "@/components/landingPage/world-optimization-dashboard";


export default async function Home() {
const user = await getCurrentUser()
Expand All @@ -25,28 +24,12 @@ export default async function Home() {
<InteractiveLandingPage/>
<ForkableWorldSection/>
<HowItWorksSection user={user}/>
<div className="min-h-screen font-mono">
<header
className="border-b-8 border-cyan-500 bg-gradient-to-r from-gray-900 via-black to-gray-900 p-4 sm:p-8 text-center relative overflow-hidden">
<div className="absolute inset-0 bg-grid-pattern opacity-20"></div>
<h1 className="relative mb-4 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold leading-tight text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 animate-text-shimmer">
World Optimization Command Center
</h1>
<div
className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 animate-gradient-x"></div>
</header>
<main className="flex flex-col p-8 md:flex-row md:flex-wrap justify-center">
<GlobalCoordinationAgent></GlobalCoordinationAgent>
<GlobalHealthOptimizationAgent></GlobalHealthOptimizationAgent>
</main>
</div>
<div className="w-1/2 mx-auto">
<GlobalBrainNetwork />
</div>
<WorldOptimizationDashboard></WorldOptimizationDashboard>

{/*<MetaTodoList/>*/}
{/*<WishocracyFeatureCards/>*/}
<OpenSource/>
<PWARedirect/>
</main>
)
}
}
37 changes: 22 additions & 15 deletions components/landingPage/ForkableWorldSection.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,21 +130,28 @@ const ForkableWorldSection: React.FC = () => {
)

return (
<div className="min-h-screen font-mono">
<header className="border-b-8 border-black p-4 sm:p-8 text-center">
<h1 className="mb-4 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
A Decentralized Semi-Autonomous Todo List For Humanity
</h1>
<p className="text-lg sm:text-xl md:text-2xl">
We want to optimize all human actions to maximize universal health and happiness of all sentient beings.
</p>
</header>
<main className="flex flex-col p-8 md:flex-row md:flex-wrap">
{features.map((feature, index) => (
<FeatureCard key={index} {...feature} className="md:w-1/2 lg:w-1/3" />
))}
</main>
</div>
<div className="min-h-screen font-mono">
<header className="p-4 sm:p-8 text-center">
<h1 className="mb-4 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
A Decentralized Semi-Autonomous Todo List For Humanity
</h1>
<p className="text-lg sm:text-xl md:text-2xl">
We want a system to optimize all human actions to maximize universal health and happiness of all
sentient
beings.
</p>
</header>
<div className="p-4 sm:p-8 text-center">
<h1 className="mb-4 text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
Here's the ingredients:
</h1>
</div>
<main className="flex flex-col p-8 md:flex-row md:flex-wrap">
{features.map((feature, index) => (
<FeatureCard key={index} {...feature} className="md:w-1/2 lg:w-1/3"/>
))}
</main>
</div>
)
}

Expand Down
50 changes: 26 additions & 24 deletions components/landingPage/global-coordination-agent.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
"use client";
import React, { useState, useEffect } from 'react';
import GlobalBrainNetwork from "@/components/landingPage/global-brain-network";

const GlobalCoordinationAgent = () => {
const [currentIssue, setCurrentIssue] = useState('');
Expand Down Expand Up @@ -37,23 +38,24 @@ const GlobalCoordinationAgent = () => {
}, []);

return (
<div className="flex items-center justify-center p-8 overflow-hidden">
<div className="relative w-full max-w-4xl p-8 bg-gray-900 bg-opacity-50 border border-cyan-500 rounded-lg shadow-2xl">
<div className="absolute inset-0 bg-gradient-to-br from-purple-500 to-cyan-500 opacity-10 animate-pulse"></div>

<div className="flex items-center justify-center p-4 overflow-hidden">
<div
className="relative w-full max-w-4xl p-4 bg-gray-900 bg-opacity-50 border-4 border-cyan-500 rounded-lg shadow-2xl">
<div className="absolute inset-0 opacity-10 animate-pulse"></div>

<h1 className="text-4xl font-bold text-cyan-500 mb-6 animate-glitch">
GLOBAL COORDINATION AGENT
</h1>

<div className="mb-8 relative">
<div className="w-full h-4 bg-gray-800 rounded-full overflow-hidden">
<div
className="h-full bg-gradient-to-r from-purple-600 via-cyan-400 to-purple-600 animate-gradient"
style={{ width: `${aiProgress}%` }}
<div
className="h-full bg-gradient-to-r from-purple-600 via-cyan-400 to-purple-600 animate-gradient"
style={{width: `${aiProgress}%`}}
></div>
</div>
<p className="absolute top-full left-0 text-xs text-cyan-300 mt-1">
AI Processing: {aiProgress}% - Analyzing global data streams
Processing: {aiProgress}% - Analyzing global data streams
</p>
</div>

Expand All @@ -69,11 +71,11 @@ const GlobalCoordinationAgent = () => {
<p className="text-purple-400 text-sm mb-2">Collective Intelligence Network</p>
<div className="flex flex-wrap gap-1">
{[...Array(100)].map((_, index) => (
<div
key={index}
className={`w-2 h-2 rounded-full ${index < networkNodes ? 'bg-purple-500' : 'bg-gray-600'}
<div
key={index}
className={`w-2 h-2 rounded-full ${index < networkNodes ? 'bg-purple-500' : 'bg-gray-600'}
transition-colors duration-300 ease-in-out`}
></div>
></div>
))}
</div>
<p className="text-xs text-purple-300 mt-2">{networkNodes} Nodes Active</p>
Expand All @@ -82,23 +84,23 @@ const GlobalCoordinationAgent = () => {
<p className="text-cyan-400 text-sm mb-2">Global Resource Allocation</p>
<div className="space-y-2">
{['Research', 'Implementation', 'Coordination'].map((phase, index) => (
<div key={index} className="w-full">
<p className="text-xs text-cyan-300 mb-1">{phase}</p>
<div className="w-full bg-gray-700 rounded-full h-2">
<div
className="bg-cyan-500 h-2 rounded-full animate-pulse"
style={{ width: `${Math.random() * 100}%` }}
></div>
<div key={index} className="w-full">
<p className="text-xs text-cyan-300 mb-1">{phase}</p>
<div className="w-full bg-gray-700 rounded-full h-2">
<div
className="bg-cyan-500 h-2 rounded-full animate-pulse"
style={{width: `${Math.random() * 100}%`}}
></div>
</div>
</div>
</div>
))}
</div>
</div>
</div>

<p className="text-sm text-gray-400 animate-blink">
Harnessing AI and human collective intelligence to combat global crises
</p>
<div className="p-4">
<GlobalBrainNetwork/>
</div>
</div>
</div>
);
Expand Down
40 changes: 21 additions & 19 deletions components/landingPage/global-health-optimization-agent.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
"use client";
import React, { useState, useEffect } from 'react';
import GlobalBrainNetwork from "@/components/landingPage/global-brain-network";

const GlobalHealthOptimizationAgent = () => {
const [currentDisease, setCurrentDisease] = useState('');
Expand Down Expand Up @@ -47,14 +48,15 @@ const GlobalHealthOptimizationAgent = () => {
}, []);

return (
<div className="flex items-center justify-center p-8 text-cyan-300 overflow-hidden">
<div className="relative w-full max-w-4xl p-8 bg-black bg-opacity-50 border border-cyan-500 rounded-lg shadow-2xl">
<div className="absolute inset-0 bg-gradient-to-br from-purple-900 to-cyan-900 opacity-20 animate-pulse"></div>

<div className="flex items-center justify-center p-4 text-cyan-300 overflow-hidden">
<div
className="relative w-full max-w-4xl p-4 bg-black bg-opacity-50 border-4 border-cyan-500 rounded-lg shadow-2xl">


<h1 className="text-4xl font-bold text-cyan-400 mb-6 animate-glitch">
GLOBAL HEALTH OPTIMIZATION AGENT v3.0
</h1>

<div className="mb-8">
<p className="text-lg text-purple-400 mb-2">Current Disease Focus:</p>
<p className="text-3xl font-bold text-white animate-neon">
Expand All @@ -64,9 +66,9 @@ const GlobalHealthOptimizationAgent = () => {

<div className="mb-6 relative">
<div className="w-full h-4 bg-gray-800 rounded-full overflow-hidden">
<div
className="h-full bg-gradient-to-r from-purple-600 via-cyan-400 to-purple-600 animate-gradient"
style={{ width: `${taskProgress}%` }}
<div
className="h-full bg-gradient-to-r from-purple-600 via-cyan-400 to-purple-600 animate-gradient"
style={{width: `${taskProgress}%`}}
></div>
</div>
<p className="absolute top-full left-0 text-xs text-cyan-400 mt-1">
Expand All @@ -92,21 +94,21 @@ const GlobalHealthOptimizationAgent = () => {
<div className="space-y-2">
<p className="text-sm text-cyan-400 mb-1">Resource Allocation by Research Phase:</p>
{['Data Analysis', 'Experimental Design', 'Clinical Trials', 'Treatment Development'].map((phase, index) => (
<div key={index} className="w-full">
<p className="text-xs text-purple-300 mb-1">{phase}</p>
<div className="w-full bg-gray-700 rounded-full h-2">
<div
className="bg-cyan-500 h-2 rounded-full animate-pulse"
style={{ width: `${Math.random() * 100}%` }}
></div>
<div key={index} className="w-full">
<p className="text-xs text-purple-300 mb-1">{phase}</p>
<div className="w-full bg-gray-700 rounded-full h-2">
<div
className="bg-cyan-500 h-2 rounded-full animate-pulse"
style={{width: `${Math.random() * 100}%`}}
></div>
</div>
</div>
</div>
))}
</div>

<p className="text-sm text-gray-400 mt-6 animate-blink">
Optimizing global expertise to combat diseases causing immense suffering
</p>
<div className="p-4">
<GlobalBrainNetwork/>
</div>
</div>
</div>
);
Expand Down
Loading

0 comments on commit 4250ab1

Please sign in to comment.