Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Anycoder Coffee - Premium coffee for developers who code"> | |
| <title>Anycoder Coffee - Fuel Your Code</title> | |
| <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=Roboto:wght@300;400;700&family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <header> | |
| <nav class="container"> | |
| <div class="logo">Anycoder<span>Coffee</span></div> | |
| <ul class="nav-links"> | |
| <li><a href="#home">Home</a></li> | |
| <li><a href="#beans">Beans</a></li> | |
| <li><a href="#features">Features</a></li> | |
| <li><a href="#contact">Contact</a></li> | |
| </ul> | |
| <button id="menu-toggle" class="menu-toggle"> | |
| <span class="bar"></span> | |
| <span class="bar"></span> | |
| <span class="bar"></span> | |
| </button> | |
| </nav> | |
| </header> | |
| <main> | |
| <section id="home" class="hero"> | |
| <div class="container"> | |
| <div class="hero-content"> | |
| <h1>Coffee For Those Who <span className="highlight">Code</span></h1> | |
| <p>Premium coffee crafted specifically for developers. Enhance focus, boost productivity, and fuel your brilliance one cup at a time.</p> | |
| <button class="cta-button">Brew Your Perfect Cup</button> | |
| </div> | |
| <div class="anycoder-music" style="max-width:420px;margin:16px auto;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;background:linear-gradient(180deg,#fafafa,#f3f4f6);box-shadow:0 2px 8px rgba(0,0,0,0.06)"> | |
| <div style="font-size:13px;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:6px"> | |
| <span>🎵 Generated music</span> | |
| </div> | |
| <audio controls autoplay loop style="width:100%;outline:none;"> | |
| <source src="https://huggingface.co/datasets/akhaliq/anycoder-media/resolve/main/audio/20250824_214408_e309d458_generated_music.mp3" type="audio/mpeg" /> | |
| Your browser does not support the audio element. | |
| </audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="features" class="features"> | |
| <div class="container"> | |
| <h2>Why Anycoder Coffee?</h2> | |
| <div class="feature-grid"> | |
| <div class="feature-card"> | |
| <div class="feature-icon">⚡</div> | |
| <h3>Enhanced Focus</h3> | |
| <p>Specially blended to maintain mental clarity during long coding sessions.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">🧠</div> | |
| <h3>Boost Creativity</h3> | |
| <p>Unlock new solutions and innovative thinking with every cup.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon">⏱️</div> | |
| <h3>Sustained Energy</h3> | |
| <p>No crash formula keeps you productive from first commit to final deployment.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="beans" class="beans"> | |
| <div class="container"> | |
| <h2>Our Developer Blends</h2> | |
| <div class="beans-grid"> | |
| <div class="bean-card"> | |
| <h3>Debug Debug</h3> | |
| <p>Dark roast with bold flavor to power through challenging bug fixes.</p> | |
| <span class="price">$14.99</span> | |
| </div> | |
| <div class="bean-card"> | |
| <h3>Commit Commit</h3> | |
| <p>Medium roast with smooth finish for those frequent commit moments.</p> | |
| <span class="price">$12.99</span> | |
| </div> | |
| <div class="bean-card"> | |
| <h3>Deploy Deploy</h3> | |
| <p>Light roast with bright notes to celebrate successful deployments.</p> | |
| <span class="price">$13.99</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer id="contact"> | |
| <div class="container"> | |
| <div class="footer-content"> | |
| <div class="footer-logo">Anycoder<span>Coffee</span></div> | |
| <p>Made with ❤️ for developers everywhere</p> | |
| <div class="social-links"> | |
| <a href="#">Twitter</a> | |
| <a href="#">GitHub</a> | |
| <a href="#">Instagram</a> | |
| </div> | |
| <p class="copyright">© 2023 Anycoder Coffee. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script src="assets/js/script.js"></script> | |
| </body> | |
| </html> |