---
import Layout from '../layouts/Layout.astro';
import Header from '../components/Header.astro';
import Hero from '../components/Hero.astro';
import AsciiSep from '../components/AsciiSep.astro';
import Manifesto from '../components/Manifesto.astro';
import Portfolio from '../components/Portfolio.astro';
import Pricing from '../components/Pricing.astro';
import Process from '../components/Process.astro';
import Contact from '../components/Contact.astro';
import Ticker from '../components/Ticker.astro';
import Footer from '../components/Footer.astro';
import { getSiteSettings } from '../lib/directus';

const s = await getSiteSettings();
---
<Layout title={`${s.studio_name}. Studio photo a ${s.city.charAt(0) + s.city.slice(1).toLowerCase()} (${s.region}). Mariage, portrait, reportage, evenementiel.`}>
  <Header studio={s.studio_name} addr={`${s.city} / ${s.country} &middot; ${s.coords}`} />
  <main id="top">
    <Hero
      bar={`FILE 001 / LANDING / ${s.current_year} / STUDIO ${s.studio_name.toUpperCase()}`}
      tag={s.hero_tag}
      displayLines={s.hero_display_lines}
      italicLine={s.hero_italic_line}
      lede={s.hero_lede}
      stat={s.hero_stat}
      yearPrefix={s.hero_year_prefix}
      yearSuffix={s.hero_year_suffix}
    />
    <AsciiSep label="02 &middot; MANIFESTE" />
    <Manifesto
      tag={s.manifesto_tag}
      italicLine={s.manifesto_italic}
      endLine={s.manifesto_end}
      paragraphs={s.manifesto_paragraphs}
    />
    <AsciiSep label="03 &middot; REALISATIONS" />
    <Portfolio />
    <AsciiSep label="04 &middot; PROCESS" />
    <Process />
    <AsciiSep label="05 &middot; TARIFS" />
    <Pricing categories={s.pricing_categories} />
    <AsciiSep label="06 &middot; CONTACT" />
    <Contact
      title={s.contact_title}
      body={s.contact_body}
      email={s.email}
      addr={s.contact_addr}
    />
  </main>
  <Ticker items={[
    `STUDIO ${s.studio_name.toUpperCase()}`,
    `EST. ${s.est_year}`,
    `${s.city} / ${s.country}`,
    'MARIAGE / PORTRAIT / REPORTAGE / EVENEMENT',
    `COUVERTURE ${s.region} + FRANCE`,
    'REPONSE < 48H',
  ]} />
  <Footer studio={s.studio_name} city={s.city} country={s.country} est={s.est_year} />
</Layout>
