Spaces:
Running
Running
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>最大靴のトーク - 革新的なシューズトークンシステム</title> | |
| <meta name="description" content="最大靴のトークは、一度の指示で最大限の効果を発揮する革新的なシューズ管理システムです"> | |
| <meta name="keywords" content="シューズ,トークン,管理システム,靴,革新的"> | |
| <link rel="stylesheet" href="assets/css/styles.css"> | |
| <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=Noto+Sans+JP:wght@300;400;500;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <header class="header"> | |
| <nav class="navbar"> | |
| <div class="nav-container"> | |
| <div class="nav-logo"> | |
| <h2>MaxShoeToken</h2> | |
| </div> | |
| <ul class="nav-menu"> | |
| <li class="nav-item"> | |
| <a href="#home" class="nav-link">ホーム</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a href="#features" class="nav-link">特徴</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a href="#how-it-works" class="nav-link">仕組み</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a href="#faq" class="nav-link">FAQ</a> | |
| </li> | |
| </ul> | |
| <div class="hamburger"> | |
| <span class="bar"></span> | |
| <span class="bar"></span> | |
| <span class="bar"></span> | |
| </div> | |
| </div> | |
| </nav> | |
| </header> | |
| <main> | |
| <section id="home" class="hero"> | |
| <div class="hero-container"> | |
| <div class="hero-content"> | |
| <h1 class="hero-title">最大靴のトーク</h1> | |
| <p class="hero-subtitle">一度の指示で最大限の効果を発揮する<br>革新的なシューズトークンシステム</p> | |
| <div class="hero-buttons"> | |
| <button class="btn btn-primary">今すぐ始める</button> | |
| <button class="btn btn-secondary">詳細を見る</button> | |
| </div> | |
| <div class="hero-stats"> | |
| <div class="stat-item"> | |
| <span class="stat-number">100万+</span> | |
| <span class="stat-label">アクティブユーザー</span> | |
| </div> | |
| <div class="stat-item"> | |
| <span class="stat-number">99.9%</span> | |
| <span class="stat-label">成功率</span> | |
| </div> | |
| <div class="stat-item"> | |
| <span class="stat-number">24/7</span> | |
| <span class="stat-label">サポート</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="hero-image"> | |
| <div class="shoe-animation"> | |
| <div class="shoe-icon">👟</div> | |
| <div class="token-ring"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="features" class="features"> | |
| <div class="container"> | |
| <h2 class="section-title">主要な特徴</h2> | |
| <div class="features-grid"> | |
| <div class="feature-card"> | |
| <div class="feature-icon">⚡</div> | |
| <h3>高速処理</h3> | |
| <p>一度の指示で瞬時に最適なシューズ設定を適用。待ち時間ゼロのスムーズな体験。</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🎯</div> | |
| <h3>精密制御</h3> | |
| <p>AI搭載の精密分析で、完璧なフィット感とパフォーマンスを実現。</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🔒</div> | |
| <h3>セキュリティ</h3> | |
| <p>業界最高レベルの暗号化技術で、あなたのデータを完全に保護。</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">📊</div> | |
| <h3>分析ダッシュボード</h3> | |
| <p>リアルタイムのパフォーマンス分析で、最適な改善点を可視化。</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🌐</div> | |
| <h3>グローバル対応</h3> | |
| <p>世界50カ国以上で利用可能。多言語サポートでどこでも快適に。</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🔄</div> | |
| <h3>自動最適化</h3> | |
| <p>継続的な学習により、常に最高の状態を維持する自動調整機能。</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="how-it-works" class="how-it-works"> | |
| <div class="container"> | |
| <h2 class="section-title">仕組み</h2> | |
| <div class="steps-container"> | |
| <div class="step"> | |
| <div class="step-number">1</div> | |
| <div class="step-content"> | |
| <h3>トークン生成</h3> | |
| <p>あなたのシューズ情報と好みを基に、独自のトークンを生成します。</p> | |
| </div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">2</div> | |
| <div class="step-content"> | |
| <h3>指示入力</h3> | |
| <p>一度の簡単な指示で、希望する設定やモードを選択します。</p> | |
| </div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">3</div> | |
| <div class="step-content"> | |
| <h3>即時適用</h3> | |
| <p>AIが最適な設定を計算し、瞬時にシューズに適用されます。</p> | |
| </div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">4</div> | |
| <div class="step-content"> | |
| <h3>パフォーマンス計測</h3> | |
| <p>リアルタイムでパフォーマンスを計測し、次回の改善に活かします。</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="testimonials"> | |
| <div class="container"> | |
| <h2 class="section-title">ユーザーの声</h2> | |
| <div class="testimonials-grid"> | |
| <div class="testimonial-card"> | |
| <div class="testimonial-content"> | |
| <p>"最大靴のトークを使用してから、パフォーマンスが劇的に向上しました。一度の指示で完璧な設定になるのは驚きです！"</p> | |
| </div> | |
| <div class="testimonial-author"> | |
| <div class="author-avatar">👤</div> | |
| <div class="author-info"> | |
| <h4>田中 太郎</h4> | |
| <p>プロランナー</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="testimonial-content"> | |
| <p>"設定の手間がなくなり、練習に集中できるようになりました。これほど簡単なシステムは他にありません。"</p> | |
| </div> | |
| <div class="testimonial-author"> | |
| <div class="author-avatar">👤</div> | |
| <div class="author-info"> | |
| <h4>佐藤 花子</h4> | |
| <p>フィットネス愛好家</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="testimonial-card"> | |
| <div class="testimonial-content"> | |
| <p>"分析ダッシュボードが非常に役立っています。自分のパフォーマンスを客観的に把握できます。"</p> | |
| </div> | |
| <div class="testimonial-author"> | |
| <div class="author-avatar">👤</div> | |
| <div class="author-info"> | |
| <h4>山田 次郎</h4> | |
| <p>アスリート</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="faq" class="faq"> | |
| <div class="container"> | |
| <h2 class="section-title">よくある質問</h2> | |
| <div class="faq-container"> | |
| <div class="faq-item"> | |
| <button class="faq-question"> | |
| <span>最大靴のトークとは何ですか？</span> | |
| <span class="faq-icon">+</span> | |
| </button> | |
| <div class="faq-answer"> | |
| <p>最大靴のトークは、一度の指示でシューズの最適な設定を自動的に適用する革新的なシステムです。AI技術を活用し、個々のユーザーに最適なパフォーマンスを提供します。</p> | |
| </div> | |
| </div> | |
| <div class="faq-item"> | |
| <button class="faq-question"> | |
| <span>どのくらいの時間で設定が完了しますか？</span> | |
| <span class="faq-icon">+</span> | |
| </button> | |
| <div class="faq-answer"> | |
| <p>通常、指示から設定の適用までわずか0.5秒で完了します。瞬時に最適な状態に調整されるため、待ち時間を感じることはありません。</p> | |
| </div> | |
| </div> | |
| <div class="faq-item"> | |
| <button class="faq-question"> | |
| <span>対応しているシューズの種類は？</span> | |
| <span class="faq-icon">+</span> | |
| </button> | |
| <div class="faq-answer"> | |
| <p>ランニングシューズ、ウォーキングシューズ、トレーニングシューズなど、主要なカテゴリのほとんどに対応しています。常に新しいモデルのサポートも追加されています。</p> | |
| </div> | |
| </div> | |
| <div class="faq-item"> | |
| <button class="faq-question"> | |
| <span>月額料金はかかりますか？</span> | |
| <span class="faq-icon">+</span> | |
| </button> | |
| <div class="faq-answer"> | |
| <p>基本機能は無料で利用できます。高度な分析機能や優先サポートを含むプレミアムプランもご用意しています。詳細は料金ページをご確認ください。</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="cta"> | |
| <div class="container"> | |
| <div class="cta-content"> | |
| <h2>最大靴のトークを今すぐ体験</h2> | |
| <p>無料アカウント登録で、すべての基本機能を30日間お試しいただけます。</p> | |
| <button class="btn btn-primary btn-large">無料で始める</button> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <div class="footer-content"> | |
| <div class="footer-section"> | |
| <h3>MaxShoeToken</h3> | |
| <p>革新的なシューズトークンシステムで、最高のパフォーマンスを。</p> | |
| <div class="footer-credit"> | |
| Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" rel="noopener">anycoder</a> | |
| </div> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>製品</h4> | |
| <ul> | |
| <li><a href="#">機能</a></li> | |
| <li><a href="#">料金プラン</a></li> | |
| <li><a href="#">対応デバイス</a></li> | |
| </ul> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>サポート</h4> | |
| <ul> | |
| <li><a href="#">ヘルプセンター</a></li> | |
| <li><a href="#">お問い合わせ</a></li> | |
| <li><a href="#">ユーザーガイド</a></li> | |
| </ul> | |
| </div> | |
| <div class="footer-section"> | |
| <h4>会社</h4> | |
| <ul> | |
| <li><a href="#">私たちについて</a></li> | |
| <li><a href="#">ブログ</a></li> | |
| <li><a href="#">採用情報</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="footer-bottom"> | |
| <p>© 2024 MaxShoeToken. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script src="assets/js/script.js"></script> | |
| </body> | |
| </html> |