Portfolio>Homepage.tsx
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: 'Saurabh Bhatt',
role: 'Full Stack Developer',
bio: 'Building modern web experiences'
};
useEffect(() => {
document.title = `${developerInfo.name}`;
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;
{
}
<>
/>
()
[]
=>