-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexperience.html
More file actions
126 lines (115 loc) · 6.04 KB
/
Copy pathexperience.html
File metadata and controls
126 lines (115 loc) · 6.04 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>L'Expérience - Grégory Pirès | Photographe Luxe</title>
<meta name="description" content="Une expérience photographique haut de gamme pensée pour les mariages élégants, les lieux d'exception et les couples exigeants." />
<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:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/style.min.css" />
<link rel="icon" type="image/x-icon" href="assets/images/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicon/favicon-96x96.png">
<link rel="manifest" href="assets/images/favicon/site.webmanifest">
<script defer src="assets/js/script.min.js"></script>
<link rel="canonical" href="https://gregory-pires.fr/experience.html" />
<meta property="og:title" content="L'Expérience - Grégory Pirès | Photographe Luxe" />
<meta property="og:description" content="Une expérience photographique haut de gamme pensée pour les mariages élégants, les lieux d'exception et les couples exigeants." />
<meta property="og:image" content="https://gregory-pires.fr/assets/images/Gregory_Pires_Photographe_Paris-Noir.png" />
<meta property="og:url" content="https://gregory-pires.fr/experience.html" />
<meta property="og:type" content="website" />
</head>
<body>
<header class="site-header">
<div class="container header-inner">
<a href="index.html" class="brand">
<img src="assets/images/Gregory_Pires_Photographe_Paris-blanc.png" alt="Grégory Pirès Photographe" style="height: 50px; width: auto;" loading="lazy" decoding="async">
</a>
<nav class="main-nav" aria-label="Navigation principale">
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="mobile-menu" aria-label="Ouvrir le menu">
<span></span><span></span>
</button>
<ul class="nav-list">
<li><a href="index.html">Accueil</a></li>
<li><a href="experience.html" class="is-current">L'Expérience</a></li>
<li><a href="galleries.html">Galeries</a></li>
<li><a href="a-propos.html">À Propos</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="mobile-menu" id="mobile-menu">
<a href="index.html">Accueil</a>
<a href="experience.html">L'Expérience</a>
<a href="galleries.html">Galeries</a>
<a href="a-propos.html">À Propos</a>
<a href="contact.html">Contact</a>
</div>
</header>
<main class="page-main">
<section class="page-hero page-hero-dark">
<div class="container narrow reveal">
<p class="section-label">L'Expérience</p>
<h1 class="page-title">Une présence discrète. Une exigence absolue.</h1>
<p class="page-intro">
Je construis chaque reportage comme une œuvre cohérente : intense dans l'émotion, précise dans la composition, sobre dans l'effet.
</p>
</div>
</section>
<section class="section-light">
<div class="container editorial-grid">
<article class="editorial-block reveal">
<h2>Avant le jour J</h2>
<p>
Tout commence par la compréhension du lieu, du rythme, des attentes et du niveau d'exigence. Mon rôle n'est pas simplement de venir photographier. Mon rôle est de préparer les conditions d'un rendu juste.
</p>
</article>
<article class="editorial-block reveal reveal-delay">
<h2>Pendant la journée</h2>
<p>
Je privilégie une direction minimale, une attention continue et une capacité d'anticipation forte. Cela permet de préserver la vérité des instants tout en maintenant une tenue visuelle élevée.
</p>
</article>
<article class="editorial-block reveal">
<h2>Après l'événement</h2>
<p>
La sélection, l'édition et la cohérence finale sont traitées avec le même niveau d'exigence que la prise de vue. Le rendu doit conserver sa force dans le temps.
</p>
</article>
</div>
</section>
<section class="section-dark">
<div class="container split-showcase">
<div class="split-showcase-media reveal">
<img src="https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1200&q=80" alt="Réception élégante dans un domaine prestigieux" width="1200" height="1500" loading="lazy" decoding="async" />
</div>
<div class="split-showcase-copy reveal reveal-delay">
<p class="section-label">Vision</p>
<h2>Le luxe n'est pas dans l'effet. Il est dans la tenue.</h2>
<p>
Les couples qui me choisissent ne veulent pas d'images interchangeables. Ils veulent une mémoire visuelle raffinée, ancrée dans leur histoire et capable de traverser les années sans se démoder.
</p>
<a href="contact.html" class="btn btn-primary">Parler de votre mariage</a>
</div>
</div>
</section>
</main>
<footer class="site-footer section-dark">
<div class="container footer-inner">
<div class="footer-brand">
<img src="assets/images/Gregory_Pires_Photographe_Paris-blanc.png" alt="Grégory Pirès Photographe" style="height: 40px; width: auto;" loading="lazy" decoding="async">
</div>
<div class="footer-links">
<a href="mentions-legales.html">Mentions Légales</a>
<a href="cgu-cgv.html">CGU & CGV</a>
</div>
<p class="footer-copy">© 2024 Grégory Pirès. Tous droits réservés.</p>
</div>
</footer>
<div class="mobile-sticky-cta">
<a href="contact.html">Demander un devis</a>
</div>
</body>
</html>