koijim

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>恋愛・コミュニケーションスキル向上サービス</title>
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-pink-50 text-gray-800">
  <header class="bg-white shadow p-4">
    <div class="max-w-6xl mx-auto flex justify-between items-center">
      <h1 class="text-2xl font-bold text-pink-600">恋愛スキルアカデミー</h1>
      <nav>
        <a href="#plans" class="mx-4 text-pink-500 hover:text-pink-700">プラン紹介</a>
        <a href="#contact" class="text-pink-500 hover:text-pink-700">お問い合わせ</a>
      </nav>
    </div>
  </header>

  <section class="text-center py-12 bg-pink-100">
    <h2 class="text-3xl font-bold mb-4">恋愛に自信が持てないあなたへ</h2>
    <p class="text-lg">心理学と実践に基づいた恋愛・コミュニケーションスキルを習得し、素敵な出会いと関係を築きましょう。</p>
  </section>

  <section id="plans" class="py-12 max-w-6xl mx-auto">
    <h3 class="text-2xl font-bold text-center mb-8">サービスプラン</h3>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
      <div class="bg-white p-6 rounded-2xl shadow">
        <h4 class="text-xl font-semibold text-pink-600">ライトプラン</h4>
        <p class="my-2">月額 3,980円（税込）</p>
        <ul class="list-disc list-inside text-sm text-gray-700">
          <li>月2回の動画講座（録画）</li>
          <li>LINEサポート（週1回）</li>
        </ul>
      </div>
      <div class="bg-white p-6 rounded-2xl shadow border border-pink-400">
        <h4 class="text-xl font-semibold text-pink-600">スタンダードプラン</h4>
        <p class="my-2">月額 12,800円（税込）</p>
        <ul class="list-disc list-inside text-sm text-gray-700">
          <li>月4本の動画講座</li>
          <li>Zoomグループワーク（週1）</li>
          <li>月1回の個別セッション</li>
          <li>LINE恋愛相談付き</li>
        </ul>
      </div>
      <div class="bg-white p-6 rounded-2xl shadow">
        <h4 class="text-xl font-semibold text-pink-600">プレミアムプラン</h4>
        <p class="my-2">月額 49,800円（税込）</p>
        <ul class="list-disc list-inside text-sm text-gray-700">
          <li>毎週Zoomセッション（60分）</li>
          <li>1日1回LINE相談対応</li>
          <li>デートフィードバック</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="py-12 bg-pink-50 text-center">
    <h3 class="text-2xl font-bold mb-4">特別ワークショップ</h3>
    <p class="mb-2">街コン模擬体験や第一印象改善など、参加型ワークショップも開催中！</p>
    <p>1回 8,000円〜12,000円前後</p>
  </section>

  <section id="contact" class="py-12 max-w-4xl mx-auto">
    <h3 class="text-2xl font-bold text-center mb-4">お問い合わせ</h3>
    <form class="bg-white p-6 rounded shadow-md space-y-4">
      <input type="text" placeholder="お名前" class="w-full p-2 border rounded">
      <input type="email" placeholder="メールアドレス" class="w-full p-2 border rounded">
      <textarea placeholder="お問い合わせ内容" rows="4" class="w-full p-2 border rounded"></textarea>
      <button type="submit" class="bg-pink-500 text-white py-2 px-4 rounded hover:bg-pink-600">送信する</button>
    </form>
  </section>

  <footer class="bg-white text-center p-4 mt-12 text-sm text-gray-500">
    &copy; 2025 恋愛スキルアカデミー | サイト提供：<a href="https://gptjp.net/" class="text-pink-500 hover:underline">gptjp.net</a>
  </footer>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

koijim #22

恋愛スキルアカデミー

恋愛に自信が持てないあなたへ

サービスプラン

ライトプラン

スタンダードプラン

プレミアムプラン

特別ワークショップ

お問い合わせ

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

koijim #22

Description

恋愛スキルアカデミー

恋愛に自信が持てないあなたへ

サービスプラン

ライトプラン

スタンダードプラン

プレミアムプラン

特別ワークショップ

お問い合わせ

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions