62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
import React, { useState, useEffect } from 'react';
|
||
|
||
export default function BlogApp() {
|
||
const [loading, setLoading] = useState(true);
|
||
|
||
useEffect(() => {
|
||
setLoading(false);
|
||
}, []);
|
||
|
||
return (
|
||
<div style={{
|
||
maxWidth: '1400px',
|
||
margin: '0 auto',
|
||
padding: '2rem',
|
||
fontFamily: 'system-ui, -apple-system, sans-serif',
|
||
background: '#0f0f0f',
|
||
color: '#e0e0e0',
|
||
minHeight: '100vh'
|
||
}}>
|
||
<header style={{
|
||
marginBottom: '2rem',
|
||
paddingBottom: '1rem',
|
||
borderBottom: '2px solid #2a2a2a'
|
||
}}>
|
||
<h1 style={{ fontSize: '2rem', marginBottom: '0.5rem', color: '#fff' }}>
|
||
✍️ Blog
|
||
</h1>
|
||
<p style={{ color: '#888' }}>Blog post management</p>
|
||
</header>
|
||
|
||
{loading ? (
|
||
<div style={{ textAlign: 'center', padding: '3rem', color: '#888' }}>
|
||
Loading...
|
||
</div>
|
||
) : (
|
||
<div style={{
|
||
background: '#1a1a1a',
|
||
border: '1px solid #2a2a2a',
|
||
borderRadius: '12px',
|
||
padding: '2rem',
|
||
textAlign: 'center'
|
||
}}>
|
||
<h2 style={{ color: '#fff', marginBottom: '1rem' }}>Blog</h2>
|
||
<p style={{ color: '#a0a0a0', marginBottom: '2rem' }}>Blog post management</p>
|
||
<button style={{
|
||
padding: '0.75rem 1.5rem',
|
||
background: '#4f46e5',
|
||
color: 'white',
|
||
border: 'none',
|
||
borderRadius: '8px',
|
||
fontSize: '0.95rem',
|
||
fontWeight: '500',
|
||
cursor: 'pointer'
|
||
}}>
|
||
Get Started
|
||
</button>
|
||
</div>
|
||
)}
|
||
</div>
|
||
);
|
||
}
|