...
This commit is contained in:
parent
5539e67fde
commit
6a3840a235
@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>OurWorld Coop - Building the New Internet Together</title>
|
||||
<title>ThreeFold Galaxy Coop - Building the New Internet Together</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "ourworld-coop-website",
|
||||
"name": "threefold-coop-website",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
|
||||
@ -2,29 +2,29 @@
|
||||
|
||||
## Purpose of the Site
|
||||
|
||||
The purpose of the OurWorld Coop website is to introduce and attract members, users, and investors to a new digital ecosystem built on the principles of sovereignty, decentralization, and collective intelligence.
|
||||
The purpose of the ThreeFold Galaxy Coop website is to introduce and attract members, users, and investors to a new digital ecosystem built on the principles of sovereignty, decentralization, and collective intelligence.
|
||||
|
||||
The website serves as the primary informational and onboarding platform for a multi-faceted initiative that includes:
|
||||
|
||||
- **OurWorld Coop:** A cooperative movement for a new, fair, and user-owned internet.
|
||||
- **ThreeFold Galaxy Coop:** A cooperative movement for a new, fair, and user-owned internet.
|
||||
- **HERO:** A sovereign, personal AI companion that acts as the user's agent in the digital world.
|
||||
- **Digital Freezone:** A sovereign digital territory providing a unique legal and governance framework.
|
||||
- **OurWorld Venture Creator:** A holding company designed to fund and scale the technologies and ventures that form the foundation of this new internet.
|
||||
- **ThreeFold Galaxy Venture Creator:** A holding company designed to fund and scale the technologies and ventures that form the foundation of this new internet.
|
||||
|
||||
The site aims to communicate a compelling vision for a better digital future and provide clear pathways for different audiences to get involved, whether by becoming a cooperative member, registering interest in the HERO product, or exploring investment opportunities.
|
||||
|
||||
## Website Structure
|
||||
|
||||
The website is structured across several key pages, each designed to address a specific aspect of the OurWorld ecosystem and guide different user journeys.
|
||||
The website is structured across several key pages, each designed to address a specific aspect of the ThreeFold Galaxy ecosystem and guide different user journeys.
|
||||
|
||||
- **Homepage (`/`):** Serves as the main entry point, providing a high-level overview of the entire vision. It introduces the core problems with the current internet and presents OurWorld Coop as the solution. It briefly touches on HERO and the Digital Freezone and directs users to learn more or become a member.
|
||||
- **Homepage (`/`):** Serves as the main entry point, providing a high-level overview of the entire vision. It introduces the core problems with the current internet and presents ThreeFold Galaxy Coop as the solution. It briefly touches on HERO and the Digital Freezone and directs users to learn more or become a member.
|
||||
|
||||
- **HERO (`/hero`):** This page focuses exclusively on the HERO product. It details what HERO is (a sovereign AI companion), why it matters (a shift towards collective intelligence), what it can do for the user (learn, heal, create), and the principles it's built on (privacy, cultural relevance).
|
||||
|
||||
- **How It Works (`/how-it-works`):** This page delves into the technical architecture of HERO. It explains that HERO runs on the ThreeFold Grid, a decentralized internet, and details the security, sovereignty, and resilience features this provides. It's aimed at a more technically-minded audience.
|
||||
|
||||
- **Digital Freezone (`/digital-freezone`):** This page explains the unique governance and legal foundation of the OurWorld ecosystem. It defines what a digital freezone is and describes its core components: digital sovereignty, cooperative governance, and fair dispute resolution.
|
||||
- **Digital Freezone (`/digital-freezone`):** This page explains the unique governance and legal foundation of the ThreeFold Galaxy ecosystem. It defines what a digital freezone is and describes its core components: digital sovereignty, cooperative governance, and fair dispute resolution.
|
||||
|
||||
- **Venture Creator (`/holding`):** This page targets potential investors. It introduces OurWorld Venture Creator, a holding company that funds a portfolio of synergistic startups building the new internet. It outlines the investment opportunity, the portfolio companies, and the path to a potential IPO.
|
||||
- **Venture Creator (`/holding`):** This page targets potential investors. It introduces ThreeFold Galaxy Venture Creator, a holding company that funds a portfolio of synergistic startups building the new internet. It outlines the investment opportunity, the portfolio companies, and the path to a potential IPO.
|
||||
|
||||
- **Become a Member (`/register`):** This is the primary call-to-action page for joining the cooperative. It details the membership offer ($20/month) and provides a multi-step form for users to register their interest and eventually make a payment.
|
||||
@ -246,7 +246,7 @@ We want to communicate that ThreeFold has fundamentally reimagined cloud infrast
|
||||
|
||||
### 11. Technical Resources
|
||||
|
||||
* **Learn more at [https://info.ourworld.tf/tech](https://info.ourworld.tf/tech)**
|
||||
* **Learn more at [https://info.threefold.tf/tech](https://info.threefold.tf/tech)**
|
||||
* **Extracted Text:**
|
||||
> **Dive Deeper:**
|
||||
>
|
||||
|
||||
12
src/App.jsx
12
src/App.jsx
@ -3,20 +3,20 @@ import Navigation from './components/Navigation.jsx'
|
||||
import navigationData from './config/navigation.json'
|
||||
|
||||
// Dynamically import components
|
||||
import HomePage from './components/Home.jsx'
|
||||
import NewHome from './components/NewHome.jsx'
|
||||
import TierSHPage from './components/TierSHPage.jsx'
|
||||
import ProductsPage from './components/ProductsPage.jsx'
|
||||
import TechnologyPage from './components/TechnologyPage.jsx'
|
||||
import RegisterPage from './components/RegisterPage.jsx'
|
||||
import BecomeMember from './components/BecomeMember.jsx'
|
||||
import Blog from './components/Blog.jsx'
|
||||
import BlogPost from './components/BlogPost.jsx'
|
||||
|
||||
const componentMap = {
|
||||
HomePage,
|
||||
NewHome,
|
||||
TierSHPage,
|
||||
ProductsPage,
|
||||
TechnologyPage,
|
||||
RegisterPage,
|
||||
BecomeMember,
|
||||
Blog,
|
||||
BlogPost,
|
||||
}
|
||||
@ -27,8 +27,12 @@ function App() {
|
||||
<Navigation />
|
||||
<main className="pt-16">
|
||||
<Routes>
|
||||
<Route path="/" element={<NewHome />} />
|
||||
<Route path="/tiers" element={<TierSHPage />} />
|
||||
{navigationData.map((item) => {
|
||||
const Component = componentMap[item.component]
|
||||
// Skip the old home page route if it exists in navigationData
|
||||
if (item.path === '/') return null;
|
||||
return <Route key={item.path} path={item.path} element={<Component />} />
|
||||
})}
|
||||
<Route path="/blog/:slug" element={<BlogPost />} />
|
||||
|
||||
BIN
src/assets/tenstorrent_galaxy_internal_components.png
Normal file
BIN
src/assets/tenstorrent_galaxy_internal_components.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
src/assets/tier_s_h_compare.png
Normal file
BIN
src/assets/tier_s_h_compare.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 564 KiB |
@ -313,7 +313,7 @@ function DirectBuy() {
|
||||
id="whyInterested"
|
||||
value={formData.whyInterested}
|
||||
onChange={handleInputChange}
|
||||
placeholder="What motivates you to join OurWorld Coop? What do you hope to contribute or gain?"
|
||||
placeholder="What motivates you to join ThreeFold Galaxy Coop? What do you hope to contribute or gain?"
|
||||
rows={4}
|
||||
/>
|
||||
</div>
|
||||
@ -344,7 +344,7 @@ function DirectBuy() {
|
||||
onCheckedChange={(checked) => setFormData(prev => ({ ...prev, newsletter: checked }))}
|
||||
/>
|
||||
<Label htmlFor="newsletter" className="text-sm">
|
||||
I'd like to receive updates about OurWorld Coop's development and launch
|
||||
I'd like to receive updates about ThreeFold Galaxy Coop's development and launch
|
||||
</Label>
|
||||
</div>
|
||||
</div>
|
||||
@ -359,7 +359,7 @@ function DirectBuy() {
|
||||
required
|
||||
/>
|
||||
<Label htmlFor="terms" className="text-sm">
|
||||
I agree to the <Link to="/terms" className="text-blue-600 hover:underline">Terms of Service</Link> and <Link to="/privacy" className="text-blue-600 hover:underline">Privacy Policy</Link> for my OurWorld Coop membership. *
|
||||
I agree to the <Link to="/terms" className="text-blue-600 hover:underline">Terms of Service</Link> and <Link to="/privacy" className="text-blue-600 hover:underline">Privacy Policy</Link> for my ThreeFold Galaxy Coop membership. *
|
||||
</Label>
|
||||
</div>
|
||||
</div>
|
||||
@ -408,7 +408,7 @@ function DirectBuy() {
|
||||
|
||||
<div className="space-y-6">
|
||||
<p className="text-md text-slate-700 text-center">
|
||||
You are about to purchase a membership to OurWorld Coop for <span className="font-bold">$20 USD per month</span>.
|
||||
You are about to purchase a membership to ThreeFold Galaxy Coop for <span className="font-bold">$20 USD per month</span>.
|
||||
</p>
|
||||
<p className="text-sm text-slate-600 text-center">
|
||||
Click "Proceed to Payment" to be redirected to Stripe's secure checkout page.
|
||||
@ -449,7 +449,7 @@ function DirectBuy() {
|
||||
Become A <span className="text-blue-600">Member</span>
|
||||
</h1>
|
||||
<p className="text-xl text-slate-600 leading-relaxed max-w-3xl mx-auto">
|
||||
Join OurWorld Coop's sovereign digital freezone for $20 USD per month.
|
||||
Join ThreeFold Galaxy Coop's sovereign digital freezone for $20 USD per month.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
@ -479,7 +479,7 @@ function DirectBuy() {
|
||||
<CardTitle className="text-blue-600">Confirm Your Membership</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Complete your secure Stripe checkout to confirm your OurWorld Coop membership.
|
||||
Complete your secure Stripe checkout to confirm your ThreeFold Galaxy Coop membership.
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
@ -515,10 +515,10 @@ function DirectBuy() {
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<div className="flex items-center justify-center space-x-2 mb-4">
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">OurWorld Coop</span>
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy Coop</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 OurWorld Coop. A cooperative for digital freedom.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy Coop. A cooperative for digital freedom.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@ -45,14 +45,25 @@ function Blog() {
|
||||
|
||||
return (
|
||||
<div className="container mx-auto px-4 py-12 max-w-5xl">
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-5xl font-extrabold text-gray-900 leading-tight">OurWorld Blog</h1>
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-5xl font-extrabold text-gray-900 leading-tight">ThreeFold Galaxy Blog</h1>
|
||||
<p className="mt-4 text-xl text-gray-600 max-w-2xl mx-auto">
|
||||
Insights, stories, and updates from the OurWorld Cooperative.
|
||||
Insights, stories, and updates from the ThreeFold Galaxy Cooperative.
|
||||
</p>
|
||||
</div>
|
||||
<video
|
||||
src="https://5omqe7wpghgv44jg.public.blob.vercel-storage.com/assets/galaxy-full-bleed-Unq4IRYlPB88MNh37YNNMn4QZo18m4.mp4"
|
||||
poster="https://cdn.sanity.io/images/jpb4ed5r/production/daef88d9c5c6dad2c2ad1198ec7ec35559e4251c-1920x1080.png"
|
||||
aria-label="Looping video of Tenstorrent Galaxy Server rotating on gray background (no audio)"
|
||||
className="w-full h-auto object-cover"
|
||||
playsInline
|
||||
autoPlay
|
||||
muted
|
||||
loop
|
||||
preload="metadata"
|
||||
></video>
|
||||
<div className="mt-12 mb-8 flex flex-col md:flex-row gap-4 items-center">
|
||||
|
||||
<div className="mb-8 flex flex-col md:flex-row gap-4 items-center">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search articles..."
|
||||
|
||||
@ -450,10 +450,10 @@ function Homepage() {
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<div className="flex items-center justify-center space-x-2 mb-4">
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">ThreeFold Cloud</span>
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Cloud. A new era of decentralized infrastructure.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@ function Navigation() {
|
||||
<div className="flex justify-between items-center h-16">
|
||||
<Link to="/" className="flex items-center space-x-2">
|
||||
<Globe className="h-8 w-8 text-blue-600" />
|
||||
<span className="text-xl font-bold text-slate-900">ThreeFold Cloud</span>
|
||||
<span className="text-xl font-bold text-slate-900">ThreeFold Galaxy</span>
|
||||
</Link>
|
||||
<div className="hidden md:flex items-center space-x-8">
|
||||
{navigationData
|
||||
|
||||
39
src/components/NewHome.jsx
Normal file
39
src/components/NewHome.jsx
Normal file
@ -0,0 +1,39 @@
|
||||
import React from 'react';
|
||||
import Navigation from './Navigation';
|
||||
|
||||
function NewHome() {
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-100 flex flex-col">
|
||||
<Navigation />
|
||||
<main className="flex-grow flex flex-col items-center justify-center text-center p-4">
|
||||
<div className="relative w-full max-w-4xl mx-auto mb-8 overflow-hidden rounded-lg shadow-lg">
|
||||
<video
|
||||
src="https://5omqe7wpghgv44jg.public.blob.vercel-storage.com/assets/galaxy-full-bleed-Unq4IRYlPB88MNh37YNNMn4QZo18m4.mp4"
|
||||
poster="https://cdn.sanity.io/images/jpb4ed5r/production/daef88d9c5c6dad2c2ad1198ec7ec35559e4251c-1920x1080.png"
|
||||
aria-label="Looping video of Tenstorrent Galaxy Server rotating on gray background (no audio)"
|
||||
className="w-full h-auto object-cover"
|
||||
playsInline
|
||||
autoPlay
|
||||
muted
|
||||
loop
|
||||
preload="metadata"
|
||||
></video>
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-gray-800 mb-4">
|
||||
As ThreeFold Galaxy we deliver the future of Datacenters
|
||||
</h1>
|
||||
<p className="text-xl text-gray-600 max-w-2xl">
|
||||
resulting in better performance, greener and more security.
|
||||
</p>
|
||||
</main>
|
||||
<footer className="py-8 px-4 sm:px-6 lg:px-8 bg-slate-900 text-white">
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default NewHome;
|
||||
@ -10,6 +10,9 @@ function ProductsPage() {
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50">
|
||||
{/* Navigation */}
|
||||
<Navigation />
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<img src="https://tenstorrent.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fjpb4ed5r%2Fproduction%2F83293d04fb69b49d789f892f7d1ca53da7f250c3-4800x2520.png&w=3840&q=75" alt="Tenstorrent Product" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
|
||||
{/* Product Overview Hero */}
|
||||
<section className="pt-24 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
@ -32,6 +35,8 @@ function ProductsPage() {
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Perfect for homes, offices, and mixed-use buildings, offering edge computing and local AI processing.
|
||||
</p>
|
||||
<img src="/src/assets/tier_s_h_compare.png" alt="Tier S H Comparison" className="w-full h-auto rounded-lg shadow-lg mb-12" />
|
||||
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div className="space-y-6">
|
||||
@ -53,6 +58,7 @@ function ProductsPage() {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-blue-600 mb-6">Key Benefits:</h3>
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
@ -78,6 +84,7 @@ function ProductsPage() {
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -112,6 +119,8 @@ function ProductsPage() {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
</div>
|
||||
<div className="mt-12 text-center">
|
||||
<h3 className="text-2xl font-bold text-purple-600 mb-6">Key Benefits:</h3>
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
@ -419,10 +428,10 @@ function ProductsPage() {
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<div className="flex items-center justify-center space-x-2 mb-4">
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">ThreeFold Cloud</span>
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Cloud. A new era of decentralized infrastructure.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@ -500,7 +500,7 @@ function RegisterPage() {
|
||||
onCheckedChange={(checked) => handleInputChange('newsletter', checked)}
|
||||
/>
|
||||
<Label htmlFor="newsletter" className="text-sm">
|
||||
I'd like to receive updates about ThreeFold Cloud's progress and opportunities
|
||||
I'd like to receive updates about ThreeFold Galaxy's progress and opportunities
|
||||
</Label>
|
||||
</div>
|
||||
</div>
|
||||
@ -649,10 +649,10 @@ function RegisterPage() {
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<div className="flex items-center justify-center space-x-2 mb-4">
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">ThreeFold Cloud</span>
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Cloud. A new era of decentralized infrastructure.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@ -8,11 +8,13 @@ import Navigation from './Navigation'
|
||||
function TechnologyPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50">
|
||||
{/* Navigation */}
|
||||
<Navigation />
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-0">
|
||||
<img src="/src/assets/tenstorrent_galaxy_internal_components.png" alt="Tenstorrent Galaxy Internal Components" className="w-full h-auto rounded-lg shadow-lg" />
|
||||
</div>
|
||||
|
||||
{/* Technology Hero Section */}
|
||||
<section className="pt-24 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
<section className="pt-8 pb-16 px-4 sm:px-6 lg:px-8">
|
||||
<div className="max-w-5xl mx-auto text-center space-y-8">
|
||||
<Badge className="bg-blue-100 text-blue-800 hover:bg-blue-200">Our Innovations</Badge>
|
||||
<h1 className="text-4xl md:text-6xl font-bold text-slate-900 leading-tight">
|
||||
@ -541,10 +543,10 @@ Generated equations:
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<div className="flex items-center justify-center space-x-2 mb-4">
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">ThreeFold Cloud</span>
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Cloud. A new era of decentralized infrastructure.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
485
src/components/TierSHPage.jsx
Normal file
485
src/components/TierSHPage.jsx
Normal file
@ -0,0 +1,485 @@
|
||||
import { useState, useEffect } from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import { Button } from './ui/button'
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './ui/card'
|
||||
import { Badge } from './ui/badge'
|
||||
import { Globe, Zap, Shield, Users, DollarSign, Cpu, Database, Network, CheckCircle, Home, TrendingUp, Brain } from 'lucide-react'
|
||||
import Navigation from './Navigation'
|
||||
|
||||
// Import images
|
||||
|
||||
function TierSHPage() {
|
||||
const [isVisible, setIsVisible] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
setIsVisible(true)
|
||||
}, [])
|
||||
|
||||
const scrollToSection = (sectionId) => {
|
||||
document.getElementById(sectionId)?.scrollIntoView({ behavior: 'smooth' })
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50">
|
||||
{/* Navigation */}
|
||||
<Navigation />
|
||||
|
||||
{/* Hero Section */}
|
||||
<section className={`pt-24 pb-16 px-4 sm:px-6 lg:px-8 transition-all duration-1000 ${isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-10'}`}>
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div className="space-y-8">
|
||||
<div className="space-y-4">
|
||||
<Badge className="bg-blue-100 text-blue-800 hover:bg-blue-200">The Future of Infrastructure</Badge>
|
||||
<h1 className="text-2xl md:text-4xl font-bold text-slate-900 leading-tight">
|
||||
Transform Your Building Into a <span className="text-blue-600">Digital Powerhouse</span>. The Future of Infrastructure is Decentralized.
|
||||
</h1>
|
||||
<p className="text-xl text-slate-600 leading-relaxed">
|
||||
ThreeFold Tier-S & Tier-H Datacenters turn homes, offices, and buildings into sovereign digital infrastructure. Generate passive revenue while providing resilient, local cloud and AI services that keep data where it belongs - under your control.
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex flex-col sm:flex-row gap-4">
|
||||
<Button asChild size="lg" className="bg-blue-600 hover:bg-blue-700 text-lg px- py-3">
|
||||
<Link to="/register">Register Interest</Link>
|
||||
</Button>
|
||||
<Button onClick={() => scrollToSection('products')} variant="outline" size="lg" className="text-lg px-8 py-3">
|
||||
Learn More About Products
|
||||
</Button>
|
||||
</div>
|
||||
<p className="text-sm text-slate-500">Join the revolution in decentralized digital infrastructure.</p>
|
||||
</div>
|
||||
<div className="relative">
|
||||
<video
|
||||
src="https://5omqe7wpghgv44jg.public.blob.vercel-storage.com/assets/blackhole-pdp-t9dsmAzkofLFMTrcdqkdPOl3KOWk3X.mp4"
|
||||
aria-label="Looping video of Tenstorrent Blackhole Server"
|
||||
className="w-full h-auto rounded-2xl shadow-2xl object-cover"
|
||||
playsInline
|
||||
autoPlay
|
||||
muted
|
||||
loop
|
||||
preload="metadata"
|
||||
></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* What Are Tier-S and Tier-H? */}
|
||||
<section id="products" className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">What Are Tier-S and Tier-H Datacenters?</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
ThreeFold introduces a new class of decentralized digital infrastructure: Tier-S for industrial scale and Tier-H for residential/office scale.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-blue-200">
|
||||
<CardHeader>
|
||||
<Cpu className="w-16 h-16 mx-auto mb-4 text-blue-600" />
|
||||
<CardTitle className="text-blue-600">Tier-S Datacenters</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="mb-2">Modular, industrial-grade containers that handle over 1 million transactions per second and support 100,000+ users per unit. Perfect for industrial-scale AI and cloud deployment.</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-green-200">
|
||||
<CardHeader>
|
||||
<Home className="w-16 h-16 mx-auto mb-4 text-green-600" />
|
||||
<CardTitle className="text-green-600">Tier-H Datacenters</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="mb-2">Plug-and-play nodes for homes, offices, and mixed-use spaces. Provide full compute, storage, and networking with ultra energy-efficiency (less than 10W per node) and zero maintenance.</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* From Real Estate to Digital Infrastructure */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-green-50">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">From Real Estate to Digital Infrastructure</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Just Like Solar Panels Transform Buildings Into Power Generators, ThreeFold Nodes Transform Them Into Digital Utilities.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<Cpu className="w-12 h-12 mx-auto mb-4 text-blue-600" />
|
||||
<CardTitle className="text-blue-600">Compute, Storage, Networking</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Your building can produce essential digital resources.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<Brain className="w-12 h-12 mx-auto mb-4 text-green-600" />
|
||||
<CardTitle className="text-green-600">AI Inference Power</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Host AI workloads and contribute to decentralized AI.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<DollarSign className="w-12 h-12 mx-auto mb-4 text-purple-600" />
|
||||
<CardTitle className="text-purple-600">Recurring Digital Revenue</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Monetize idle capacity and generate passive income.
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
<p className="text-center text-xl text-slate-600 mt-12">
|
||||
Compute is now one of the world's most valuable resources. Sovereign infrastructure is the new standard.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Why Real Estate Developers Should Join */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Why Real Estate Developers Should Join</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Transform your properties into digital assets and unlock new revenue streams.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-blue-600">
|
||||
<DollarSign className="h-5 w-5" />
|
||||
Passive Digital Revenue
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Monetize idle compute, bandwidth, and storage capacity.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-green-600">
|
||||
<TrendingUp className="h-5 w-5" />
|
||||
Higher Property Value
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Market properties as cloud-enabled and future-proof.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-purple-600">
|
||||
<Zap className="h-5 w-5" />
|
||||
Green & Resilient
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
10x less energy vs traditional datacenters, resilient to outages.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-orange-600">
|
||||
<CheckCircle className="h-5 w-5" />
|
||||
Turnkey Deployment
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
No IT expertise required for installation and operation.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-teal-600">
|
||||
<Shield className="h-5 w-5" />
|
||||
Sovereign Cloud
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Data stays local and private, under your control.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-indigo-600">
|
||||
<Globe className="h-5 w-5" />
|
||||
Future-Proof
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Supports AI, Web3, digital twins, and modern applications.
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Technical Advantages */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-purple-50">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Built on Revolutionary Technology</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Key differentiators that make ThreeFold superior to traditional infrastructure.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-blue-200">
|
||||
<CardHeader>
|
||||
<Cpu className="w-12 h-12 mx-auto mb-4 text-blue-600" />
|
||||
<CardTitle className="text-blue-600">Zero-OS</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Stateless, self-healing operating system for autonomous compute.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-green-200">
|
||||
<CardHeader>
|
||||
<Database className="w-12 h-12 mx-auto mb-4 text-green-600" />
|
||||
<CardTitle className="text-green-600">Quantum-Safe Storage</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Unbreakable data protection with 10x efficiency through mathematical dispersion.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-purple-200">
|
||||
<CardHeader>
|
||||
<Network className="w-12 h-12 mx-auto mb-4 text-purple-600" />
|
||||
<CardTitle className="text-purple-600">Mycelium Network</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Mesh networking that routes around failures, ensuring resilient connectivity.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-orange-200">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-orange-600">
|
||||
<Shield className="h-5 w-5" />
|
||||
Smart Contract for IT
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Autonomous, cryptographically secured deployments for IT resources.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-teal-200">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-teal-600">
|
||||
<Brain className="h-5 w-5" />
|
||||
Geo-Aware AI
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Private AI agents that respect boundaries and data sovereignty.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow border-indigo-200">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-indigo-600">
|
||||
<Globe className="h-5 w-5" />
|
||||
Future-Proof
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Supports AI, Web3, digital twins, and modern applications.
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Real Cost Comparison */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Dramatic Cost Savings</h2>
|
||||
<p className="text-xl text-slate-600 max-w-3xl mx-auto">
|
||||
Experience significant cost advantages compared to traditional cloud providers.
|
||||
</p>
|
||||
</div>
|
||||
<div className="overflow-x-auto">
|
||||
<table className="min-w-full bg-white rounded-lg shadow-md">
|
||||
<thead>
|
||||
<tr className="bg-blue-600 text-white">
|
||||
<th className="py-3 px-4 text-left">Service</th>
|
||||
<th className="py-3 px-4 text-left">ThreeFold</th>
|
||||
<th className="py-3 px-4 text-left">Other Providers</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b border-slate-200">
|
||||
<td className="py-3 px-4">Storage (1TB + 100GB Transfer)</td>
|
||||
<td className="py-3 px-4 font-semibold">Less than $5/month</td>
|
||||
<td className="py-3 px-4">$12–$160/month</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-3 px-4">Compute (2 vCPU, 4GB RAM)</td>
|
||||
<td className="py-3 px-4 font-semibold">Less than $12/month</td>
|
||||
<td className="py-3 px-4">$20–$100/month</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p className="text-center text-lg text-slate-600 mt-8">
|
||||
Up to 10x more energy efficient than traditional datacenters.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Who It's For */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-green-50 to-teal-50">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center space-y-8 mb-12">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Perfect For</h2>
|
||||
<p className="text-xl text-slate-600 max-w-4xl mx-auto">
|
||||
Clear target markets and use cases for ThreeFold's solutions.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-blue-600">
|
||||
<Shield className="h-5 w-5" />
|
||||
Governments
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Building sovereign AI and cloud infrastructure.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-green-600">
|
||||
<Network className="h-5 w-5" />
|
||||
Telecoms and ISPs
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Deploying local compute grids and edge solutions.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-purple-600">
|
||||
<Users className="h-5 w-5" />
|
||||
Developers and Startups
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Seeking cloud independence and decentralized hosting.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-orange-600">
|
||||
<Brain className="h-5 w-5" />
|
||||
AI and Web3 Companies
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Hosting inference or full-stack decentralized applications.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-teal-600">
|
||||
<Globe className="h-5 w-5" />
|
||||
Communities
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Seeking plug-and-play digital resilience and local infrastructure.
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Proven at Scale */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
|
||||
<div className="max-w-4xl mx-auto text-center space-y-8">
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-900">Proven at Scale</h2>
|
||||
<p className="text-xl text-slate-600 max-w-3xl mx-auto">
|
||||
ThreeFold's technology is already deployed globally and proven in production.
|
||||
</p>
|
||||
<div className="grid md:grid-cols-2 gap-8">
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-blue-600">Live in over 50 countries</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Our decentralized grid spans across the globe.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-green-600">60,000+ CPU cores active</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Massive computational power available on the grid.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-purple-600">Over 1 million contracts processed on-chain</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Secure and transparent deployments managed by smart contracts.
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="text-center hover:shadow-lg transition-shadow">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-orange-600">Proven technology stack in production for years</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
Reliable and robust infrastructure for your digital needs.
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
<p className="text-center text-lg text-slate-600 mt-8">
|
||||
View live statistics: <a href="https://stats.grid.tf" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">https://stats.grid.tf</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Call to Action */}
|
||||
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-600 to-green-600 text-white">
|
||||
<div className="max-w-4xl mx-auto text-center space-y-8">
|
||||
<h2 className="text-3xl md:text-4xl font-bold">Ready to Transform Your Infrastructure?</h2>
|
||||
<p className="text-xl opacity-90 leading-relaxed">
|
||||
The future of digital infrastructure starts with your building.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<Button asChild size="lg" className="bg-white text-blue-600 hover:bg-slate-100 text-lg px-8 py-3">
|
||||
<Link to="/register">For Real Estate Developers: Deploy Tier-H nodes</Link>
|
||||
</Button>
|
||||
<Button asChild variant="outline" size="lg" className="border-white text-white hover:bg-white hover:text-blue-600 text-lg px-8 py-3">
|
||||
<Link to="/products">For Enterprises: Scale with Tier-S datacenters</Link>
|
||||
</Button>
|
||||
</div>
|
||||
<p className="text-sm opacity-75">Join the most resilient, inclusive, and intelligent internet.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="py-8 px-4 sm:px-6 lg:px-8 bg-slate-900 text-white">
|
||||
<div className="max-w-6xl mx-auto text-center">
|
||||
<div className="flex items-center justify-center space-x-2 mb-4">
|
||||
<Globe className="h-6 w-6 text-blue-400" />
|
||||
<span className="text-xl font-bold">ThreeFold Galaxy</span>
|
||||
</div>
|
||||
<p className="text-slate-400">Building the new internet, together in our sovereign digital freezone.</p>
|
||||
<p className="text-sm text-slate-500 mt-4">© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default TierSHPage
|
||||
1
src/components/t.md
Normal file
1
src/components/t.md
Normal file
@ -0,0 +1 @@
|
||||
|
||||
@ -2,7 +2,13 @@
|
||||
{
|
||||
"path": "/",
|
||||
"label": "Home",
|
||||
"component": "HomePage",
|
||||
"component": "NewHome",
|
||||
"show": true
|
||||
},
|
||||
{
|
||||
"path": "/tiers",
|
||||
"label": "Tier S-H",
|
||||
"component": "TierSHPage",
|
||||
"show": true
|
||||
},
|
||||
{
|
||||
@ -34,11 +40,5 @@
|
||||
"label": "Blog Post",
|
||||
"component": "BlogPost",
|
||||
"show": false
|
||||
},
|
||||
{
|
||||
"path": "/become-member",
|
||||
"label": "Become a Member",
|
||||
"component": "BecomeMember",
|
||||
"show": true
|
||||
}
|
||||
]
|
||||
@ -15,8 +15,8 @@ The current language often uses strong, technical, or abstract terms that might
|
||||
* **Suggestion:** Change to "Working Together" or "Our Collective Effort"
|
||||
* **Original:** `Reclaim Your <span className="text-blue-600">Digital Life</span>. Build a New Internet <span className="text-green-600">Together</span>.`
|
||||
* **Suggestion:** "Take Charge of Your Digital Life. Create a Better Internet Together."
|
||||
* **Original:** `Join OurWorld Coop, a growing movement of people helping each other live, learn, and thrive in the digital age. Here, human connection matters. Your data is yours. Your voice counts. Together, we’re building a new kind of internet, one that’s free, fair, and made for us all.`
|
||||
* **Suggestion:** "Join OurWorld Coop, where people help each other live, learn, and thrive online. We focus on human connection. Your data is yours. Your voice matters. Together, we're shaping an internet that's free, fair, and works for everyone."
|
||||
* **Original:** `Join ThreeFold Galaxy Coop, a growing movement of people helping each other live, learn, and thrive in the digital age. Here, human connection matters. Your data is yours. Your voice counts. Together, we’re building a new kind of internet, one that’s free, fair, and made for us all.`
|
||||
* **Suggestion:** "Join ThreeFold Galaxy Coop, where people help each other live, learn, and thrive online. We focus on human connection. Your data is yours. Your voice matters. Together, we're shaping an internet that's free, fair, and works for everyone."
|
||||
* **Original:** `Join people who are taking control of their digital lives.`
|
||||
* **Suggestion:** "Join people who are managing their digital lives with purpose."
|
||||
|
||||
@ -31,10 +31,10 @@ The current language often uses strong, technical, or abstract terms that might
|
||||
* **Digital Freezone Teaser:**
|
||||
* **Original:** `More Than Technology: A Sovereign Digital Freezone`
|
||||
* **Suggestion:** "More Than Technology: A Protected Digital Space"
|
||||
* **Original:** `OurWorld Coop operates within a sovereign digital freezone with its own governance, dispute resolution, and legal framework, ensuring true digital independence for our members.`
|
||||
* **Suggestion:** "OurWorld Coop operates within a protected digital space with its own rules, ways to resolve disagreements, and legal structure, giving our members real digital freedom."
|
||||
* **Original:** `ThreeFold Galaxy Coop operates within a sovereign digital freezone with its own governance, dispute resolution, and legal framework, ensuring true digital independence for our members.`
|
||||
* **Suggestion:** "ThreeFold Galaxy Coop operates within a protected digital space with its own rules, ways to resolve disagreements, and legal structure, giving our members real digital freedom."
|
||||
|
||||
* **OurWorld Section: A New Way to Live Digitally:**
|
||||
* **ThreeFold Galaxy Section: A New Way to Live Digitally:**
|
||||
* **Original:** `A Complete Sovereign Solution`
|
||||
* **Suggestion:** "A Comprehensive Approach to Digital Life"
|
||||
* **Original:** `Your HERO is an advanced personal digital assistant, powered by your own legal entity in a Freezone. It manages your digital life and helps you grow through trusted connections and shared knowledge. Together, we are united in a cooperative structure.`
|
||||
@ -92,7 +92,7 @@ The current language often uses strong, technical, or abstract terms that might
|
||||
* **Original:** `The revolution starts with your first click.`
|
||||
* **Suggestion:** "Your journey begins with a click."
|
||||
|
||||
### `src/components/OurWorldHero.jsx`
|
||||
### `src/components/ThreeFold GalaxyHero.jsx`
|
||||
|
||||
* **Hero Section:**
|
||||
* **Original:** `It represents you, protects your data, and helps you learn and thrive. Powered by collective intelligence, shaped by your values, and fully under your control.`
|
||||
@ -103,12 +103,12 @@ The current language often uses strong, technical, or abstract terms that might
|
||||
* **Suggestion:** "Meanwhile, artificial intelligence could become controlled by a few, or not helpful to those who need it most."
|
||||
* **Original:** `Instead of pursuing Artificial General Intelligence (AGI), a machine-first simulation of human cognition, we build Augmented Collective Intelligence (ACI). Intelligence that scales with people, not against them.`
|
||||
* **Suggestion:** "Instead of focusing on AI that tries to think like humans, we're building a system that helps people think better together. This intelligence grows with us, supporting our efforts."
|
||||
* **Original:** `OurWorld COOP brings the ACI philosophy to life, a planetary-scale intelligence system for learning, healing, creativity, and human development. It is rooted in each person's context, culture, and journey.`
|
||||
* **Suggestion:** "OurWorld COOP puts this idea into practice, creating a system that helps people worldwide learn, heal, create, and grow. It's built around each person's unique background and journey."
|
||||
* **Original:** `Through your HERO, you interact with OurWorld COOP not as a user, but as a co-creator of collective wisdom.`
|
||||
* **Original:** `ThreeFold Galaxy COOP brings the ACI philosophy to life, a planetary-scale intelligence system for learning, healing, creativity, and human development. It is rooted in each person's context, culture, and journey.`
|
||||
* **Suggestion:** "ThreeFold Galaxy COOP puts this idea into practice, creating a system that helps people worldwide learn, heal, create, and grow. It's built around each person's unique background and journey."
|
||||
* **Original:** `Through your HERO, you interact with ThreeFold Galaxy COOP not as a user, but as a co-creator of collective wisdom.`
|
||||
* **Suggestion:** "Through your HERO, you contribute to and benefit from our shared knowledge, rather than just being a user."
|
||||
|
||||
* **What is OurWorld COOP and HERO:**
|
||||
* **What is ThreeFold Galaxy COOP and HERO:**
|
||||
* **Original:** `WHAT CAN OUR HERO DO?`
|
||||
* **Suggestion:** "What Your HERO Can Do"
|
||||
* **Original:** `Your HERO is more than just a chatbot, it's your trusted private ally in the digital world.`
|
||||
@ -161,8 +161,8 @@ The current language often uses strong, technical, or abstract terms that might
|
||||
* **Call to Action:**
|
||||
* **Original:** `Ready to Meet Your HERO?`
|
||||
* **Suggestion:** "Discover Your HERO"
|
||||
* **Original:** `Join OurWorld Coop and get your personal HERO - a digital assistant that truly serves you, operating from within our sovereign digital freezone where your interests come first.`
|
||||
* **Suggestion:** "Join OurWorld Coop and get your personal HERO - a digital assistant that supports you, operating from within our secure digital space where your interests are prioritized."
|
||||
* **Original:** `Join ThreeFold Galaxy Coop and get your personal HERO - a digital assistant that truly serves you, operating from within our sovereign digital freezone where your interests come first.`
|
||||
* **Suggestion:** "Join ThreeFold Galaxy Coop and get your personal HERO - a digital assistant that supports you, operating from within our secure digital space where your interests are prioritized."
|
||||
* **Original:** `Your HERO awaits in our sovereign digital territory.`
|
||||
* **Suggestion:** "Your HERO awaits in our secure digital space."
|
||||
|
||||
@ -303,8 +303,8 @@ The current language often uses strong, technical, or abstract terms that might
|
||||
### `src/components/BecomeMember.jsx`
|
||||
|
||||
* **Hero Section:**
|
||||
* **Original:** `Join OurWorld Coop's sovereign digital freezone for $20 USD per month.`
|
||||
* **Suggestion:** "Join OurWorld Coop's protected digital space for $20 USD per month."
|
||||
* **Original:** `Join ThreeFold Galaxy Coop's sovereign digital freezone for $20 USD per month.`
|
||||
* **Suggestion:** "Join ThreeFold Galaxy Coop's protected digital space for $20 USD per month."
|
||||
* **Original:** `This will be your unique identifier (e.g., firstpart.secondpart). Each part must be 7 lowercase letters.`
|
||||
* **Suggestion:** "This will be your unique identifier (e.g., firstpart.secondpart). Each part must be at least 6 lowercase letters." (This was already changed in code, but the description needs to be updated in the markdown.)
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user