src/pages/[...lang]/index.astro

---
import Layout from '../../layouts/Layout.astro';
import Header from '../../components/Header.astro';
import Hero from '../../components/Hero.astro';
import About from '../../components/About.astro';
import Services from '../../components/Services.astro';
import Workflow from '../../components/Workflow.astro';
import Contact from '../../components/Contact.astro';
import Footer from '../../components/Footer.astro';
import { getLangFromUrl, useTranslations, languages } from '../../i18n/ui';

export function getStaticPaths() {
  return Object.keys(languages).filter(lang => lang !== 'ar').map(lang => ({
    params: { lang }
  }));
}

const lang = getLangFromUrl(Astro.url);
const t = useTranslations(lang);

const title = t('hero.title') + ' - Blueprint Engineering Consultancy';
const description = t('hero.description');
---

<Layout title={title} description={description} lang={lang}>
  <Header />
  <main>
    <Hero />
    <About />
    <Services />
    <Workflow />
    <Contact />
  </main>
  <Footer />
</Layout>