---
import BaseLayout from '../layouts/BaseLayout.astro';
import Hero from '../components/sections/Hero.astro';
import Experience from '../components/sections/Experience.astro';
import FeaturedProject from '../components/sections/FeaturedProject.astro';
import Skills from '../components/sections/Skills.astro';
---

<BaseLayout>
	<Hero />

	<!-- Gradient Divider -->
	<div class="w-full my-16 lg:my-24">
		<div class="h-[1px] divider-gradient"></div>
	</div>

	<Experience />

	<!-- Container Divider with accent hint -->
	<div class="container mx-auto px-6 lg:px-12 my-8">
		<div class="h-[1px] divider-gradient"></div>
	</div>

	<FeaturedProject />
	<Skills />
</BaseLayout>