// Celo-HT Website — GitHub-ready scaffold // This single-file scaffold contains the repo files separated by markers. // To create the repo: copy each file block into the corresponding file path.
// -------- FILE: package.json -------- { "name": "celo-ht-website", "version": "0.1.0", "private": true, "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview", "lint": "eslint . --ext .ts,.tsx,.js,.jsx" }, "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.14.1" }, "devDependencies": { "@types/react": "^18.2.20", "@types/react-dom": "^18.2.7", "typescript": "^5.4.2", "vite": "^5.0.0", "tailwindcss": "^4.0.0", "postcss": "^8.4.0", "autoprefixer": "^10.4.0" } }
// -------- FILE: public/index.html -------- <!doctype html>
<title>Celo HT</title> <script type="module" src="/src/main.tsx"></script> // -------- FILE: tailwind.config.cjs -------- module.exports = { content: ['./index.html', './src/**/*.{ts,tsx}'], theme: { extend: { colors: { gold: '#D4AF37' } } }, plugins: [] }// -------- FILE: src/main.tsx -------- import React from 'react' import { createRoot } from 'react-dom/client' import { BrowserRouter } from 'react-router-dom' import App from './App' import './styles/globals.css'
createRoot(document.getElementById('root')!).render( <React.StrictMode> </React.StrictMode> )
// -------- FILE: src/App.tsx -------- import React from 'react' import { Routes, Route } from 'react-router-dom' import Header from './components/Header' import Footer from './components/Footer' import Home from './pages/Home' import About from './pages/About' import Services from './pages/Services' import Blog from './pages/Blog' import Contact from './pages/Contact'
export default function App(){ return (
// -------- FILE: src/components/Header.tsx -------- import React from 'react' import { Link } from 'react-router-dom'
export default function Header(){ return (
// -------- FILE: src/components/Footer.tsx -------- import React from 'react'
export default function Footer(){ return (
// -------- FILE: src/components/ServiceCard.tsx -------- import React from 'react'
export default function ServiceCard({title, desc}:{title:string, desc:string}){ return (
) }// -------- FILE: src/pages/Home.tsx -------- import React from 'react' import { Link } from 'react-router-dom'
export default function Home(){ return (
Nou edike ak sipòte kominote ayisyen pou itilize kriptomonè ak zouti finansye sou rezo Celo. Antre nan yon mouvman ki fè peman pi aksesib, pi vit, ak plis transparan.
) }
// -------- FILE: src/pages/About.tsx -------- import React from 'react'
export default function About(){ return (
Celo HT se yon inisyativ pou pote solisyon finansye sou blockchain bay kominote Ayisyen. Nou kwè teknoloji dwe itil pou moun, pa sèlman pou moun ki deja gen aksè — se pou sa nou konsantre sou edikasyon, entegrasyon lokal, ak acha fasil atravè telefòn.
Yon peyi kote tout moun gen opsyon pou fè peman dijital fasil, san depans twòp, epi ak respè pou sekirite. Nou kenbe etik kominote, transparans, ak enklizyon.
Ekip la gen ekspètiz nan devlopman Web3, fòmasyon, ak kolaborasyon lokal. Nou travay ak patnè teknik ak ONG pou solisyon pratik.
) }
// -------- FILE: src/pages/Services.tsx -------- import React from 'react' import ServiceCard from '../components/ServiceCard'
export default function Services(){ return (
// -------- FILE: src/pages/Blog.tsx -------- import React from 'react'
export default function Blog(){ return (
Telechaje gid an Kreyòl sou kòman pou itilize pòch, kou sou lekti tablo kripto, ak FAQ sou entegrasyon peman.
- Kòman pou itilize pòch Celo: Gid pratik pou debutan
- 5 risk pou w konnen anvan w antre nan kripto
- Entegrasyon peman Celo pou ti biznis nan Ayiti
// -------- FILE: src/pages/Contact.tsx -------- import React from 'react'
export default function Contact(){ return (
Pou mande sèvis, kolaborasyon, oswa sipò teknik, voye yon mesaj ba nou.
Imèl: celoht3@gmail.com
// -------- FILE: src/styles/globals.css -------- @tailwind base; @tailwind components; @tailwind utilities;
html, body, #root { height: 100%; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto; }
// -------- FILE: src/assets/logo-gold-on-black.svg -------- Celo
// -------- FILE: README.md --------
Celo HT Website
Project scaffold for Celo HT — React + Vite + Tailwind. Copy files into a GitHub repo and deploy on Vercel or Netlify.
Local dev
npm install npm run dev
// END OF SCAFFOLD
/* Next steps I can do for you:
Generate a ZIP of this repo so you can download and push to GitHub.
Push these files directly to a GitHub repo if you give me the repo URL and permissions. */