Spaces:
Running
Running
File size: 4,888 Bytes
06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db f2deabe 06b57db |
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 |
<!DOCTYPE html>
<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">
<title>Anycoder Coffee</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', sans-serif; }
body { color: #333; line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
header { background: linear-gradient(135deg, #3e2723, #5d4037); color: white; padding: 1rem 0; position: sticky; top: 0; z-index: 100; }
nav { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.8rem; font-weight: bold; }
.hero { background: url('https://picsum.photos/seed/coffee/1200/600.jpg') no-repeat center center/cover; height: 70vh; display: flex; align-items: center; color: white; text-align: center; }
.hero-content { max-width: 700px; margin: 0 auto; padding: 2rem; background: rgba(0,0,0,0.5); border-radius: 10px; }
.hero h1 { font-size: 3rem; margin-bottom: 1rem; }
.btn { display: inline-block; background: #795548; color: white; padding: 0.8rem 1.5rem; border-radius: 5px; text-decoration: none; margin-top: 1rem; transition: background 0.3s; }
.btn:hover { background: #5d4037; }
.menu, .contact { padding: 4rem 0; }
.menu h2, .contact h2 { text-align: center; margin-bottom: 2rem; color: #5d4037; }
.menu-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.menu-item { background: #f5f5f5; padding: 1.5rem; border-radius: 8px; text-align: center; transition: transform 0.3s; }
.menu-item:hover { transform: translateY(-10px); }
.menu-item h3 { margin-bottom: 1rem; color: #3e2723; }
footer { background: #3e2723; color: white; text-align: center; padding: 2rem 0; }
@media (max-width: 768px) { .hero h1 { font-size: 2rem; } }
</style>
</head>
<body>
<header>
<nav class="container">
<div class="logo">☕ Anycoder Coffee</div>
<div>Crafted for Code Lovers</div>
</nav>
</header>
<section class="hero">
<div class="hero-content">
<h1>Fuel Your Code, Ignite Your Ideas</h1>
<p>Premium coffee blends designed specifically for developers.</p>
<a href="#menu" class="btn">Explore Our Menu</a>
</div>
</section>
<div class="container" style="margin-top: 2rem; text-align: center;">
<video controls autoplay muted loop playsinline style="max-width: 100%; height: auto; border-radius: 8px; margin: 10px 0; display: block;" onloadstart="this.style.backgroundColor='#f0f0f0'" onerror="this.style.display='none'; console.error('Video failed to load')"><source src="https://huggingface.co/datasets/akhaliq/anycoder-media/resolve/main/video/20250824_173905_8f458ae2_text_to_video_result.mp4" type="video/mp4" /><p style="text-align: center; color: #666;">Your browser does not support the video tag.</p></video>
</div>
<section class="menu" id="menu">
<div class="container">
<h2>Our Signature Blends</h2>
<div class="menu-items">
<div class="menu-item">
<h3>☕ Debugging Dark</h3>
<p>Intense and focused, perfect for long debugging sessions.</p>
<strong>$4.50</strong>
</div>
<div class="menu-item">
<h3>☕ Java Jam</h3>
<p>Smooth and balanced, ideal for coding marathons.</p>
<strong>$4.75</strong>
</div>
<div class="menu-item">
<h3>☕ Python's Pride</h3>
<p>Simple yet elegant, with clean flavors that never disappoint.</p>
<strong>$4.25</strong>
</div>
</div>
</div>
</section>
<section class="contact">
<div class="container">
<h2>Visit Us</h2>
<p style="text-align: center;">123 Tech Street, Silicon Valley, CA 94025</p>
<p style="text-align: center;">Mon-Fri: 7AM-7PM | Sat-Sun: 8AM-5PM</p>
</div>
</section>
<footer>
<div class="container">
<p>© 2023 Anycoder Coffee. All rights reserved.</p>
</div>
</footer>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body>
</html> |