<!DOCTYPE html>

<head>

<title>Authentique ウェディングドレス</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

line-height: 1.6;

color: #333;

}

header {

background: url('https://example.com/dress.jpg') no-repeat center center/cover;

height: 100vh;

color: white;

text-align: center;

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

}

header h1 {

font-size: 3em;

margin: 0.5em 0;

}

header p {

font-size: 1.5em;

margin-bottom: 1em;

}

header a {

display: inline-block;

background: #ffc0cb;

color: #fff;

padding: 0.8em 2em;

text-decoration: none;

border-radius: 5px;

font-weight: bold;

}

section {

padding: 2em;

max-width: 800px;

margin: 0 auto;

}

.gallery {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 1em;

}

.gallery img {

width: 100%;

border-radius: 8px;

}

footer {

background: #333;

color: white;

text-align: center;

padding: 1em;

}

footer a {

color: #ffc0cb;

text-decoration: none;

}

</style>

</head>

<body>

<h1>Authentique ウェディングドレス</h1>

<p>「あなたを主役にする、本物のウェディングドレス。」<br>「ヨーロッパの伝統とデザイナーの情熱が生み出す本物の美しさ。」</p>

<a href="#collection">コレクションを見る</a>

</header>

<h2>ブランドコンセプト</h2>

<p>Authentiqueは、フランス語で“本物”を意味します。ヨーロッパの伝統とデザイナーの情熱が詰まった特別なドレスを、日本の花嫁にお届けします。大量生産ではない、ストーリーのあるドレスで特別な日を彩りませんか？</p>

</section>

<h2>ドレスコレクション</h2>

<p>世界の名門ブランドから厳選したラインナップをご用意しました。</p>

</div>

<a href="#fair" style="display:block; text-align:center; margin-top:2em;">すべてのコレクションを見る</a>

</section>

<h2>フェアの流れ</h2>

<ol>

<li>イメージをお聞きします：ドレス選びの悩みや結婚式のイメージをヒアリング。</li>

<li>ドレスショールーム：新作ドレスや理想を叶えるドレスをご紹介。</li>

<li>ドレスフィッティング：試着やヘアアレンジ、アクセサリーもご提案。</li>

<li>フェア特典プレゼント：参加者限定の特典をご用意しています。</li>

</ol>

</section>

<h2>限定キャンペーン</h2>

<p>フェア限定特典：<strong>2月28日まで</strong></p>

<ul>

<li>レンタルドレス定価より 30％OFF～</li>

<li>タキシードとのセットレンタルでさらにお得！</li>

</ul>

<a href="#fair">キャンペーン詳細を見る</a>

</section>

</footer>

</body>

</html>