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
26
27
28
29
30
const HomePage = () => {
const [isLoaded, setIsLoaded] = useState(true);
const developerInfo = {
name: 'Utsav Suthar',
role: 'Software Development Engineer',
bio: 'Crafting clean code for complex ideas.'
};
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>
<div className="contact">
<Link href="https://github.com/SutharUtsav">Github</Link>
<Link href="https://www.linkedin.com/in/utsavsuthar/">LinkedIn</Link>
<Link href="mailto:utsavsuthar24@gmail.com">Mail</Link>
</div>
</main>
);
};
export default HomePage;
Utsav Suthar
Software Development Engineer
I build clean, maintainable full-stack solutions that solve complex problems. Focused on performance, scalability, and user experience, I write code that’s simple, extendable, and built to last.
{
}
<>
/>
()
[]
=>