<script lang="ts">
  import Hero from './components/Hero.svelte';
  import Services from './components/Services.svelte';
  import Testimonials from './components/Testimonials.svelte';
  import About from './components/About.svelte';
  import Contact from './components/Contact.svelte';
  import Footer from './components/Footer.svelte';
</script>

<main class="min-h-screen bg-white">
  <Hero />
  <Services />
  <Testimonials />
  <About />
  <Contact />
  <Footer />
</main>

<style>
  :global(html) {
    font-family: 'Inter', sans-serif;
    color: #333333;
  }

  :global(h1, h2, h3, h4, h5, h6) {
    font-family: 'Poppins', sans-serif;
  }
</style> 