152 lines
6 KiB
HTML
152 lines
6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Laurel & Vow. Cinematic.</title>
|
|
<meta name="description" content="Studio de photographie de mariage a Paris. Variante cinematic.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=JetBrains+Mono:wght@300;400&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="cinematic.css">
|
|
<link rel="stylesheet" href="switcher.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="site-header">
|
|
<a class="wordmark" href="#top">Laurel<i> & </i>Vow</a>
|
|
<nav><ul>
|
|
<li><a href="#portfolio">Portfolio</a></li>
|
|
<li><a href="#tarifs">Tarifs</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul></nav>
|
|
</header>
|
|
|
|
<main id="top">
|
|
|
|
<!-- HERO : photo full-bleed + texte overlay bottom-left -->
|
|
<section class="hero">
|
|
<figure class="hero__bg">
|
|
<img src="https://picsum.photos/seed/laurel-cinematic-hero-noir-wedding/2400/1600"
|
|
alt="Couple dansant dans une grande salle, lumiere chaude, ambiance cinematographique."
|
|
width="2400" height="1600" loading="eager" fetchpriority="high">
|
|
<div class="hero__veil"></div>
|
|
</figure>
|
|
<div class="hero__content">
|
|
<p class="kicker">Studio · Paris · depuis 2018</p>
|
|
<h1 class="hero__title">
|
|
<span class="title-line">Laurel</span>
|
|
<span class="title-line title-line--italic">& Vow</span>
|
|
</h1>
|
|
<p class="hero__lede">Photographie de mariage editoriale et documentaire.<br>Quelques unions par an, choisies avec soin.</p>
|
|
<p class="hero__cta">
|
|
<a href="#portfolio" class="cta">Voir les series <span aria-hidden="true">→</span></a>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ABOUT : poster centered, massive italic -->
|
|
<section class="about">
|
|
<p class="kicker kicker--centered">Manifeste</p>
|
|
<p class="about__poster"><i>Moins de poses,</i><br>plus de regards.</p>
|
|
<div class="about__body">
|
|
<p>Nous photographions les mariages intimistes a Paris et ailleurs en France. Pas de mise en scene appuyee, peu d'interruptions, beaucoup d'attention aux gens.</p>
|
|
<p>Une dizaine de mariages par an, choisis avec soin.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- PORTFOLIO : 3 series full-width empilees -->
|
|
<section class="portfolio" id="portfolio">
|
|
<header class="section-head">
|
|
<p class="kicker">Selection 2024 et 2025</p>
|
|
<h2>Series recentes</h2>
|
|
</header>
|
|
|
|
<article class="serie">
|
|
<figure>
|
|
<img src="https://picsum.photos/seed/laurel-cinematic-bourgogne-vineyard-golden/1800/1100"
|
|
alt="Couple sous une treille de vignes au coucher du soleil." width="1800" height="1100" loading="lazy">
|
|
</figure>
|
|
<div class="serie__meta">
|
|
<p class="kicker">Serie 01 / Bourgogne</p>
|
|
<h3>Hortense et Jules</h3>
|
|
<p class="serie__lede">Mai 2026. 80 invites. Domaine familial.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="serie">
|
|
<figure>
|
|
<img src="https://picsum.photos/seed/laurel-cinematic-paris-bistro-night/1800/1100"
|
|
alt="Cocktail intime dans une cour parisienne au crepuscule." width="1800" height="1100" loading="lazy">
|
|
</figure>
|
|
<div class="serie__meta">
|
|
<p class="kicker">Serie 02 / Paris 14e</p>
|
|
<h3>Ines et Mathieu</h3>
|
|
<p class="serie__lede">Septembre 2025. 55 invites. Mairie puis restaurant.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="serie">
|
|
<figure>
|
|
<img src="https://picsum.photos/seed/laurel-cinematic-provence-olive-grove/1800/1100"
|
|
alt="Couple marchant entre les oliviers." width="1800" height="1100" loading="lazy">
|
|
</figure>
|
|
<div class="serie__meta">
|
|
<p class="kicker">Serie 03 / Luberon</p>
|
|
<h3>Camille et Antoine</h3>
|
|
<p class="serie__lede">Juillet 2024. 120 invites. Bastide en pierre seche.</p>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<!-- PRICING : lignes pleine largeur, prix gros a droite -->
|
|
<section class="pricing" id="tarifs">
|
|
<header class="section-head">
|
|
<p class="kicker">Formules 2026</p>
|
|
<h2>Trois facons de travailler</h2>
|
|
</header>
|
|
|
|
<ol class="plans">
|
|
<li class="plan">
|
|
<div>
|
|
<h3>Demi-journee</h3>
|
|
<p>Cinq heures de couverture. Ceremonie, cocktail et debut de soiree. Environ 250 photos retouchees.</p>
|
|
</div>
|
|
<p class="plan__price"><span>1 800</span><i>€</i></p>
|
|
</li>
|
|
<li class="plan">
|
|
<div>
|
|
<h3>Journee complete</h3>
|
|
<p>De la preparation a l'ouverture du bal. Environ 600 photos retouchees, un tirage offert.</p>
|
|
</div>
|
|
<p class="plan__price"><span>3 200</span><i>€</i></p>
|
|
</li>
|
|
<li class="plan">
|
|
<div>
|
|
<h3>Sur-mesure</h3>
|
|
<p>Multi-jours, destinations lointaines, film argentique, tirage editorial.</p>
|
|
</div>
|
|
<p class="plan__price"><span>Sur devis</span></p>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<!-- CONTACT -->
|
|
<section class="contact" id="contact">
|
|
<p class="kicker kicker--centered">Contact</p>
|
|
<p class="contact__title"><i>Un mariage</i> en vue ?</p>
|
|
<p class="contact__body">Date, lieu approximatif, nombre d'invites. Reponse sous 48 heures.</p>
|
|
<p class="contact__mail"><a href="mailto:hello@laurelvow.fr">hello@laurelvow.fr</a></p>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<p class="footer__brand">Laurel <i>&</i> Vow</p>
|
|
<p>Studio de photographie. Paris, France.</p>
|
|
<p><a href="#top">Retour en haut</a> · © 2026</p>
|
|
</footer>
|
|
|
|
<script src="switcher.js" defer></script>
|
|
</body>
|
|
</html>
|