<script>
	import Navbar from './Navbar.svelte';
	import Hero from './Hero.svelte';
	import HowItWorks from './HowItWorks.svelte';
	import Features from './Features.svelte';
	import Pricing from './Pricing.svelte';
	import Faq from './Faq.svelte';
	import Footer from './Footer.svelte';

	// Shared scroll helper (parent provides the actual scrolling logic)
	function scrollToSection(id) {
		const el = document.getElementById(id);
		if (el) {
			const offset = 70;
			const top = el.getBoundingClientRect().top + window.scrollY - offset;
			window.scrollTo({ top, behavior: 'smooth' });
		}
	}
</script>

<Navbar scrollTo={scrollToSection} />
<Hero scrollTo={scrollToSection} />
<HowItWorks />
<Features />
<Pricing />
<Faq />
<Footer />

<style>
	/* Page-specific or overrides can go here if needed.
	   Most styles are now co-located in the individual components
	   or in +layout.svelte for shared base classes.
	*/
</style>

