diff --git a/fix_dark_light.md b/fix_dark_light.md index 2a79b8c..9f6c792 100644 --- a/fix_dark_light.md +++ b/fix_dark_light.md @@ -238,7 +238,7 @@ const ThemeToggle = () => { - **Status**: ✅ Good implementation - **Uses**: Proper `dark:` variants and semantic classes -#### NewHome.jsx +#### Home.jsx - **Status**: ✅ Mostly good - **Uses**: Theme variables properly diff --git a/src/App.jsx b/src/App.jsx index af16402..e9e43b8 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -3,7 +3,7 @@ import Navigation from './components/Navigation.jsx' import navigationData from './config/navigation.json' // Dynamically import components -import NewHome from './components/NewHome.jsx' +import Home from './components/Home.jsx' import TierSHPage from './components/TierSHPage.jsx' import ProductsPage from './components/ProductsPage.jsx' import TechnologyPage from './components/TechnologyPage.jsx' @@ -12,7 +12,7 @@ import Blog from './components/Blog.jsx' import BlogPost from './components/BlogPost.jsx' const componentMap = { - NewHome, + Home, TierSHPage, ProductsPage, TechnologyPage, @@ -27,7 +27,7 @@ function App() {
- } /> + } /> } /> {navigationData.map((item) => { const Component = componentMap[item.component] diff --git a/src/components/Home.jsx b/src/components/Home.jsx index 2e9478d..651df39 100644 --- a/src/components/Home.jsx +++ b/src/components/Home.jsx @@ -1,460 +1,35 @@ -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 images -import heroBanner from '../assets/images/hero_banner.png' // This image might need to be replaced with a relevant one for ThreeFold - -function Homepage() { - const [isVisible, setIsVisible] = useState(false) - - useEffect(() => { - setIsVisible(true) - }, []) - - const scrollToSection = (sectionId) => { - document.getElementById(sectionId)?.scrollIntoView({ behavior: 'smooth' }) - } - +import React from 'react'; +function Home() { return ( -
- {/* The `Navigation` component is now rendered in `App.jsx` remove it from here */} - - {/* Hero Section */} -
-
-
-
-
- The Future of Infrastructure -

- Transform Your Building Into a Digital Powerhouse. The Future of Infrastructure is Decentralized. -

-

- 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. -

-
-
- - -
-

Join the revolution in decentralized digital infrastructure.

-
-
- ThreeFold Datacenter Illustration -
-
-
+
+
+
+
-
- - {/* What Are Tier-S and Tier-H? */} -
-
-
-

What Are Tier-S and Tier-H Datacenters?

-

- ThreeFold introduces a new class of decentralized digital infrastructure: Tier-S for industrial scale and Tier-H for residential/office scale. -

-
-
- - - - Tier-S Datacenters - - -

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.

- - - - - - Tier-H Datacenters - - -

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.

- - -
-
-
- - {/* From Real Estate to Digital Infrastructure */} -
-
-
-

From Real Estate to Digital Infrastructure

-

- Just Like Solar Panels Transform Buildings Into Power Generators, ThreeFold Nodes Transform Them Into Digital Utilities. -

-
-
- - - - Compute, Storage, Networking - - - Your building can produce essential digital resources. - - - - - - AI Inference Power - - - Host AI workloads and contribute to decentralized AI. - - - - - - Recurring Digital Revenue - - - Monetize idle capacity and generate passive income. - - -
-

- Compute is now one of the world's most valuable resources. Sovereign infrastructure is the new standard. -

-
-
- - {/* Why Real Estate Developers Should Join */} -
-
-
-

Why Real Estate Developers Should Join

-

- Transform your properties into digital assets and unlock new revenue streams. -

-
-
- - - - - Passive Digital Revenue - - - - Monetize idle compute, bandwidth, and storage capacity. - - - - - - - Higher Property Value - - - - Market properties as cloud-enabled and future-proof. - - - - - - - Green & Resilient - - - - 10x less energy vs traditional datacenters, resilient to outages. - - - - - - - Turnkey Deployment - - - - No IT expertise required for installation and operation. - - - - - - - Sovereign Cloud - - - - Data stays local and private, under your control. - - - - - - - Future-Proof - - - - Supports AI, Web3, digital twins, and modern applications. - - -
-
-
- - {/* Technical Advantages */} -
-
-
-

Built on Revolutionary Technology

-

- Key differentiators that make ThreeFold superior to traditional infrastructure. -

-
-
- - - - Zero-OS - - - Stateless, self-healing operating system for autonomous compute. - - - - - - Quantum-Safe Storage - - - Unbreakable data protection with 10x efficiency through mathematical dispersion. - - - - - - Mycelium Network - - - Mesh networking that routes around failures, ensuring resilient connectivity. - - - - - - Smart Contract for IT - - - Autonomous, cryptographically secured deployments for IT resources. - - - - - - Geo-Aware AI - - - Private AI agents that respect boundaries and data sovereignty. - - -
-
-
- - {/* Real Cost Comparison */} -
-
-
-

Dramatic Cost Savings

-

- Experience significant cost advantages compared to traditional cloud providers. -

-
-
- - - - - - - - - - - - - - - - - - - - -
ServiceThreeFoldOther Providers
Storage (1TB + 100GB Transfer)Less than $5/month$12–$160/month
Compute (2 vCPU, 4GB RAM)Less than $12/month$20–$100/month
-
-

- Up to 10x more energy efficient than traditional datacenters. -

-
-
- - {/* Who It's For */} -
-
-
-

Perfect For

-

- Clear target markets and use cases for ThreeFold's solutions. -

-
-
- - - - - Governments - - - - Building sovereign AI and cloud infrastructure. - - - - - - - Telecoms and ISPs - - - - Deploying local compute grids and edge solutions. - - - - - - - Developers and Startups - - - - Seeking cloud independence and decentralized hosting. - - - - - - - AI and Web3 Companies - - - - Hosting inference or full-stack decentralized applications. - - - - - - - Communities - - - - Seeking plug-and-play digital resilience and local infrastructure. - - -
-
-
- - {/* Proven at Scale */} -
-
-

Proven at Scale

-

- ThreeFold's technology is already deployed globally and proven in production. -

-
- - - Live in over 50 countries - - - Our decentralized grid spans across the globe. - - - - - 60,000+ CPU cores active - - - Massive computational power available on the grid. - - - - - Over 1 million contracts processed on-chain - - - Secure and transparent deployments managed by smart contracts. - - - - - Proven technology stack in production for years - - - Reliable and robust infrastructure for your digital needs. - - -
-

- View live statistics: https://stats.grid.tf -

-
-
- - {/* Call to Action */} -
-
-

Ready to Transform Your Infrastructure?

-

- The future of digital infrastructure starts with your building. -

-
- - -
-

Join the most resilient, inclusive, and intelligent internet.

-
-
- - {/* Footer */} -
+

+ The Future of Data Centers. +

+

+ Faster. Greener. Safer. +

+
+ - ) + ); } -export default Homepage \ No newline at end of file +export default Home; \ No newline at end of file diff --git a/src/components/NewHome.jsx b/src/components/NewHome.jsx deleted file mode 100644 index 149a432..0000000 --- a/src/components/NewHome.jsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react'; -function NewHome() { - return ( -
-
-
- -
-

- As ThreeFold Galaxy we deliver the future of Datacenters -

-

- resulting in better performance, greener and more security. -

-
-
-
-

Building the new internet, together in our sovereign digital freezone.

-

© 2025 ThreeFold Galaxy. A new era of decentralized infrastructure.

-
-
-
- ); -} - -export default NewHome; \ No newline at end of file diff --git a/src/components/TierSHPage.jsx b/src/components/TierSHPage.jsx index 9b7e842..6f50424 100644 --- a/src/components/TierSHPage.jsx +++ b/src/components/TierSHPage.jsx @@ -27,9 +27,9 @@ function TierSHPage() {
- The Future of Infrastructure + The Future of AI, Cloud and Internet.

- Transform Your Building Into a Digital Powerhouse. The Future of Infrastructure is Decentralized. + Transform Your Building Into a
Digital Powerhouse.

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. @@ -67,7 +67,7 @@ function TierSHPage() {

What Are Tier-S and Tier-H Datacenters?

- ThreeFold introduces a new class of decentralized digital infrastructure: Tier-S for industrial scale and Tier-H for residential/office scale. + ThreeFold introduces a new class of decentralized digital infrastructure:
Tier-S for industrial scale and Tier-H for residential/office scale.

@@ -86,7 +86,7 @@ function TierSHPage() { Tier-H Datacenters -

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.

+

Plug-and-play nodes for homes, offices, and mixed-use spaces. Provide full compute, storage, and networking with efficient, green and zero maintenance.
@@ -99,7 +99,7 @@ function TierSHPage() {

From Real Estate to Digital Infrastructure

- Just Like Solar Panels Transform Buildings Into Power Generators, ThreeFold Nodes Transform Them Into Digital Utilities. + Just Like Solar Panels Transform Buildings Into Power Generators,
ThreeFold Nodes Transform Them Into Digital Utilities.

@@ -320,11 +320,16 @@ function TierSHPage() { Less than $12/month $20–$100/month + + 1m AI Requests (LLM) + 2x more efficient + +

- Up to 10x more energy efficient than traditional datacenters. + Up to 10x more energy efficient for newgen Web4 Workdloads.

diff --git a/src/config/navigation.json b/src/config/navigation.json index dea6c00..4ce0712 100644 --- a/src/config/navigation.json +++ b/src/config/navigation.json @@ -2,7 +2,7 @@ { "path": "/", "label": "Home", - "component": "NewHome", + "component": "Home", "show": true }, {