1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
const HomePage = () => {
const [isLoaded, setIsLoaded] = useState(true);
const developerInfo = {
name: 'Blue_noblue',
role: 'Student & Enthusiast',
bio: 'Lifelong Growth'
};
useEffect(() => {
document.title = `${developerInfo.name} | Portfolio`;
setIsLoaded(true);
}, []);
return (
<main className="hero-container">
<h1>{developerInfo.name}</h1>
<p>{developerInfo.role}</p>
<div className="cta">
<Link href="/projects">View Projects</Link>
</div>
</main>
);
};
export default HomePage;
{
}
<>
/>
()
[]
=>