Spaces:
Running
Running
🐳 27/04 - 11:21 - you can delete tokenquest game we dont have anything like that. also we dont have upcoming flowmind
383cdf0 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Moneyed28 | AI Agents, Apps, Games & Blockchain</title> | |
| <meta name="description" content="Moneyed28 builds AI-agent powered apps, interactive games, and blockchain projects. Led by Sanem Avcil in Sheridan, Wyoming."> | |
| <link rel="canonical" href="https://moneyed28.com/"> | |
| <!-- Open Graph / Twitter --> | |
| <meta property="og:title" content="Moneyed28 | AI, Blockchain & Beyond"> | |
| <meta property="og:description" content="Building AI-agent apps, games, and blockchain projects."> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:url" content="https://moneyed28.com/"> | |
| <meta property="og:image" content="https://static.photos/technology/1200x630/28"> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <!-- Favicon --> | |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💸</text></svg>"> | |
| <!-- JSON-LD --> | |
| <script type="application/ld+json"> | |
| { | |
| "@context": "https://schema.org", | |
| "@type": "Organization", | |
| "name": "Moneyed28 LLC", | |
| "url": "https://moneyed28.com", | |
| "logo": "https://moneyed28.com/logo.svg", | |
| "sameAs": [ | |
| "https://twitter.com/moneyed28", | |
| "https://linkedin.com/company/moneyed28" | |
| ], | |
| "address": { | |
| "@type": "PostalAddress", | |
| "streetAddress": "1201 Fannin Street Suite 262", | |
| "addressLocality": "Houston", | |
| "addressRegion": "TX", | |
| "postalCode": "77002", | |
| "addressCountry": "US" | |
| }, | |
| "contactPoint": { | |
| "@type": "ContactPoint", | |
| "telephone": "+1 (914) 650-3499", | |
| "contactType": "customer service", | |
| "email": "hello@moneyed28.com", | |
| "availableLanguage": "English" | |
| } | |
| } | |
| </script> | |
| <style> | |
| :root { | |
| --bg: #0a0a0f; | |
| --bg-alt: #121218; | |
| --fg: #f8f9fa; | |
| --muted: #adb5bd; | |
| --accent: #0ff; | |
| --accent-alt: #f0f; | |
| --radius: 0.5rem; | |
| --transition: 200ms ease; | |
| --spacing: clamp(1rem, 5vw, 3rem); | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background: var(--bg); | |
| color: var(--fg); | |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; | |
| line-height: 1.6; | |
| overflow-x: hidden; | |
| } | |
| @media (prefers-reduced-motion: reduce) { | |
| * { | |
| animation-duration: 0.01ms ; | |
| animation-iteration-count: 1 ; | |
| transition-duration: 0.01ms ; | |
| scroll-behavior: auto ; | |
| } | |
| } | |
| /* Typography */ | |
| h1, h2, h3 { | |
| line-height: 1.2; | |
| font-weight: 700; | |
| } | |
| h1 { font-size: clamp(2.5rem, 8vw, 4rem); } | |
| h2 { font-size: clamp(2rem, 6vw, 3rem); } | |
| h3 { font-size: clamp(1.5rem, 5vw, 2rem); } | |
| p { | |
| max-width: 65ch; | |
| margin-bottom: 1.5rem; | |
| } | |
| a { | |
| color: var(--accent); | |
| text-decoration: none; | |
| transition: color var(--transition); | |
| } | |
| a:hover, a:focus { | |
| color: var(--accent-alt); | |
| } | |
| /* Buttons */ | |
| .btn { | |
| display: inline-flex; | |
| align-items: center; | |
| justify-content: center; | |
| gap: 0.5rem; | |
| padding: 0.75rem 1.5rem; | |
| border-radius: var(--radius); | |
| font-weight: 600; | |
| cursor: pointer; | |
| transition: all var(--transition); | |
| border: 2px solid transparent; | |
| } | |
| .btn-primary { | |
| background: var(--accent); | |
| color: var(--bg); | |
| box-shadow: 0 0 10px rgba(0, 255, 255, 0.3); | |
| } | |
| .btn-primary:hover, .btn-primary:focus { | |
| background: var(--accent-alt); | |
| box-shadow: 0 0 20px rgba(255, 0, 255, 0.5); | |
| transform: translateY(-2px); | |
| } | |
| .btn-ghost { | |
| border-color: var(--accent); | |
| color: var(--accent); | |
| } | |
| .btn-ghost:hover, .btn-ghost:focus { | |
| border-color: var(--accent-alt); | |
| color: var(--accent-alt); | |
| background: rgba(255, 0, 255, 0.1); | |
| } | |
| /* Layout */ | |
| .container { | |
| width: min(100% - 2rem, 1200px); | |
| margin-inline: auto; | |
| } | |
| section { | |
| padding: var(--spacing) 0; | |
| } | |
| /* Header */ | |
| header { | |
| position: sticky; | |
| top: 0; | |
| z-index: 100; | |
| background: rgba(10, 10, 15, 0.95); | |
| backdrop-filter: blur(8px); | |
| padding: 1rem 0; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.05); | |
| } | |
| .header-container { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .logo { | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| color: var(--accent); | |
| } | |
| .nav-toggle { | |
| display: none; | |
| background: none; | |
| border: none; | |
| color: var(--fg); | |
| font-size: 1.5rem; | |
| cursor: pointer; | |
| } | |
| .nav-menu { | |
| display: flex; | |
| gap: 2rem; | |
| list-style: none; | |
| } | |
| .nav-link { | |
| color: var(--muted); | |
| font-weight: 500; | |
| transition: color var(--transition); | |
| } | |
| .nav-link:hover, .nav-link:focus { | |
| color: var(--accent); | |
| } | |
| /* Hero */ | |
| .hero { | |
| min-height: 80vh; | |
| display: flex; | |
| align-items: center; | |
| background: radial-gradient(circle at 50% 50%, rgba(0, 255, 255, 0.05) 0%, transparent 50%); | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .hero::before { | |
| content: ''; | |
| position: absolute; | |
| top: -50%; | |
| left: -50%; | |
| width: 200%; | |
| height: 200%; | |
| background: radial-gradient(circle at 50% 50%, rgba(255, 0, 255, 0.03) 0%, transparent 60%); | |
| z-index: -1; | |
| } | |
| .hero-content { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 1.5rem; | |
| max-width: 800px; | |
| } | |
| .hero-cta { | |
| display: flex; | |
| gap: 1rem; | |
| flex-wrap: wrap; | |
| } | |
| /* About */ | |
| .about { | |
| background: var(--bg-alt); | |
| } | |
| .about-highlights { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 1.5rem; | |
| margin-top: 2rem; | |
| } | |
| .highlight { | |
| padding: 1.5rem; | |
| border-radius: var(--radius); | |
| background: rgba(255, 255, 255, 0.03); | |
| border: 1px solid rgba(255, 255, 255, 0.05); | |
| } | |
| .highlight h3 { | |
| color: var(--accent); | |
| margin-bottom: 0.5rem; | |
| } | |
| /* Products */ | |
| .products-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 2rem; | |
| margin-top: 2rem; | |
| } | |
| .product-card { | |
| padding: 2rem; | |
| border-radius: var(--radius); | |
| background: var(--bg-alt); | |
| border: 1px solid rgba(255, 255, 255, 0.05); | |
| transition: transform var(--transition), box-shadow var(--transition); | |
| } | |
| .product-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); | |
| } | |
| .product-icon { | |
| width: 3rem; | |
| height: 3rem; | |
| margin-bottom: 1rem; | |
| color: var(--accent); | |
| } | |
| /* Showcase */ | |
| .showcase-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 2rem; | |
| margin-top: 2rem; | |
| } | |
| .showcase-card { | |
| position: relative; | |
| border-radius: var(--radius); | |
| overflow: hidden; | |
| aspect-ratio: 16/9; | |
| background: var(--bg-alt); | |
| } | |
| .showcase-card::before { | |
| content: ''; | |
| position: absolute; | |
| inset: 0; | |
| background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 50%); | |
| z-index: 1; | |
| } | |
| .showcase-content { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| padding: 1.5rem; | |
| z-index: 2; | |
| } | |
| .showcase-tag { | |
| display: inline-block; | |
| padding: 0.25rem 0.75rem; | |
| border-radius: 2rem; | |
| background: var(--accent); | |
| color: var(--bg); | |
| font-size: 0.75rem; | |
| font-weight: 700; | |
| margin-right: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| /* Contact */ | |
| .contact { | |
| background: var(--bg-alt); | |
| } | |
| .contact-methods { | |
| display: flex; | |
| gap: 1rem; | |
| flex-wrap: wrap; | |
| margin-bottom: 2rem; | |
| } | |
| .contact-form { | |
| display: grid; | |
| gap: 1rem; | |
| max-width: 600px; | |
| } | |
| .form-group { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 0.5rem; | |
| } | |
| .form-control { | |
| padding: 0.75rem 1rem; | |
| border-radius: var(--radius); | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| background: rgba(255, 255, 255, 0.05); | |
| color: var(--fg); | |
| font-family: inherit; | |
| transition: border-color var(--transition); | |
| } | |
| .form-control:focus { | |
| outline: none; | |
| border-color: var(--accent); | |
| box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.2); | |
| } | |
| textarea.form-control { | |
| min-height: 150px; | |
| resize: vertical; | |
| } | |
| /* Footer */ | |
| footer { | |
| padding: 2rem 0; | |
| border-top: 1px solid rgba(255, 255, 255, 0.05); | |
| text-align: center; | |
| } | |
| .footer-links { | |
| display: flex; | |
| justify-content: center; | |
| gap: 1.5rem; | |
| margin: 1rem 0; | |
| } | |
| /* Notice */ | |
| .notice { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| background: var(--accent); | |
| color: var(--bg); | |
| padding: 0.75rem 1rem; | |
| text-align: center; | |
| font-weight: 600; | |
| z-index: 1000; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| gap: 1rem; | |
| } | |
| .notice-close { | |
| background: none; | |
| border: none; | |
| color: var(--bg); | |
| font-size: 1.25rem; | |
| cursor: pointer; | |
| } | |
| /* Skip link */ | |
| .skip-link { | |
| position: absolute; | |
| top: -100px; | |
| left: 0; | |
| background: var(--accent); | |
| color: var(--bg); | |
| padding: 0.75rem 1.5rem; | |
| border-radius: 0 0 var(--radius) var(--radius); | |
| z-index: 1000; | |
| transition: top 0.2s ease; | |
| } | |
| .skip-link:focus { | |
| top: 0; | |
| } | |
| /* Responsive */ | |
| @media (max-width: 768px) { | |
| .nav-toggle { | |
| display: block; | |
| } | |
| .nav-menu { | |
| position: fixed; | |
| top: 72px; | |
| left: 0; | |
| right: 0; | |
| background: var(--bg-alt); | |
| flex-direction: column; | |
| align-items: center; | |
| padding: 2rem 0; | |
| gap: 1.5rem; | |
| clip-path: circle(0% at 100% 0); | |
| transition: clip-path 0.3s ease; | |
| } | |
| .nav-menu.active { | |
| clip-path: circle(150% at 100% 0); | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Skip to content --> | |
| <a href="#main" class="skip-link">Skip to content</a> | |
| <!-- Notice --> | |
| <div class="notice" id="notice"> | |
| <span>Innovating at the intersection of AI and blockchain technology.</span> | |
| <button class="notice-close" aria-label="Close notice" id="notice-close">×</button> | |
| </div> | |
| <!-- Header --> | |
| <header> | |
| <div class="container header-container"> | |
| <a href="#" class="logo">Moneyed28</a> | |
| <button class="nav-toggle" id="nav-toggle" aria-label="Toggle navigation"> | |
| <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="3" y1="12" x2="21" y2="12"></line> | |
| <line x1="3" y1="6" x2="21" y2="6"></line> | |
| <line x1="3" y1="18" x2="21" y2="18"></line> | |
| </svg> | |
| </button> | |
| <nav> | |
| <ul class="nav-menu" id="nav-menu"> | |
| <li><a href="#home" class="nav-link">Home</a></li> | |
| <li><a href="#about" class="nav-link">About</a></li> | |
| <li><a href="#products" class="nav-link">Products</a></li> | |
| <li><a href="#contact" class="nav-link">Contact</a></li> | |
| <li><a href="privacy.html" class="nav-link">Privacy</a></li> | |
| <li><a href="dropblitz.html" class="nav-link">DropBlitz</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <main id="main"> | |
| <!-- Hero --> | |
| <section class="hero" id="home"> | |
| <div class="container"> | |
| <div class="hero-content"> | |
| <h1>AI, Blockchain & Beyond.</h1> | |
| <p>Moneyed28 builds AI-agent apps, interactive games, and blockchain projects led by Sanem Avcil.</p> | |
| <div class="hero-cta"> | |
| <a href="mailto:hello@moneyed28.com" class="btn btn-primary">Email Us</a> | |
| </div> | |
| <small class="text-muted">Based in Houston, Texas.</small> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About --> | |
| <section class="about" id="about"> | |
| <div class="container"> | |
| <h2>Building the Future</h2> | |
| <p>At Moneyed28, we're redefining how technology integrates with daily life. We are focusing on Agents and AI Apps—building AI agents that feel less like tools and more like partners, alongside powerful Shopify apps that help businesses grow.</p> | |
| <p>Founded by Sanem Avcil, we combine rapid iteration with thoughtful design to ship products that people love. Whether it's through intelligent agents, AI-powered apps, or blockchain utilities, we're committed to making technology more accessible and delightful.</p> | |
| <div class="about-highlights"> | |
| <div class="highlight"> | |
| <h3>AI Agents</h3> | |
| <p>Personalized digital assistants that adapt to your workflow and preferences.</p> | |
| </div> | |
| <div class="highlight"> | |
| <h3>Mobile Apps</h3> | |
| <p>Thoughtfully designed applications that solve real problems with elegant interfaces.</p> | |
| </div> | |
| <div class="highlight"> | |
| <h3>Interactive Games</h3> | |
| <p>Lightweight, engaging experiences that bring people together through play.</p> | |
| </div> | |
| <div class="highlight"> | |
| <h3>Blockchain</h3> | |
| <p>Tokenized utilities with fair launches and tangible real-world usage.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Products --> | |
| <section id="products"> | |
| <div class="container"> | |
| <h2>What We Build</h2> | |
| <p>Our products span across emerging technologies, each designed with purpose and precision.</p> | |
| <div class="products-grid"> | |
| <div class="product-card"> | |
| <h3>AI Apps & Agents</h3> | |
| <p>We build AI agents and intelligent Shopify apps that enhance productivity, automate workflows, and drive growth.</p> | |
| <div style="display: flex; flex-direction: column; gap: 0.5rem; margin-top: 1rem;"> | |
| <a href="https://apps.shopify.com/trendblitz" class="btn btn-ghost">TrendBlitz</a> | |
| <a href="https://apps.shopify.com/blog-blitz" class="btn btn-ghost">BlogBlitz</a> | |
| <a href="https://apps.shopify.com/bundleblitz" class="btn btn-ghost">BundleBlitz</a> | |
| <a href="https://apps.shopify.com/dropblitz" class="btn btn-ghost">DropBlitz</a> | |
| <span class="btn btn-ghost" style="opacity: 0.6; cursor: default;">GamiBooks — Coming Soon: Create books with AI, one-click to Shopify, sell same day</span> | |
| </div> | |
| </div> | |
| <div class="product-card"> | |
| <h3>Games</h3> | |
| <p>Interactive experiences that blend entertainment with social connection, designed for quick sessions and lasting enjoyment.</p> | |
| <a href="#" class="btn btn-ghost" style="margin-top: 1rem;">View Case Study</a> | |
| </div> | |
| <div class="product-card"> | |
| <h3>Blockchain</h3> | |
| <p>Decentralized applications with tokenized utilities, focusing on fair distribution and real-world problem solving.</p> | |
| <a href="https://www.kaisvault.com" class="btn btn-ghost" style="margin-top: 1rem;">View KaisVault</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Showcase --> | |
| <section class="showcase"> | |
| <div class="container"> | |
| <h2>Coming Soon</h2> | |
| <p>Explore our upcoming projects and join the conversation as we build.</p> | |
| <div class="showcase-grid"> | |
| <div class="showcase-card"> | |
| <div class="showcase-content"> | |
| <span class="showcase-tag">AI</span> | |
| <h3>AgentOS</h3> | |
| <p>Personal AI operating system</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact --> | |
| <section class="contact" id="contact"> | |
| <div class="container"> | |
| <h2>Get In Touch</h2> | |
| <p>Partnership and media inquiries welcome. We're always interested in connecting with like-minded creators and collaborators.</p> | |
| <div class="contact-methods"> | |
| <a href="mailto:hello@moneyed28.com" class="btn btn-ghost">hello@moneyed28.com</a> | |
| <a href="tel:+19146503499" class="btn btn-ghost">+1 (914) 650-3499</a> | |
| <a href="https://maps.google.com/?q=1201+Fannin+Street+Suite+262,+Houston,+TX+77002" class="btn btn-ghost">1201 Fannin St., Houston, TX</a> | |
| </div> | |
| <form class="contact-form" id="contact-form"> | |
| <div class="form-group"> | |
| <label for="name">Name</label> | |
| <input type="text" id="name" class="form-control" required> | |
| </div> | |
| <div class="form-group"> | |
| <label for="email">Email</label> | |
| <input type="email" id="email" class="form-control" required> | |
| </div> | |
| <div class="form-group"> | |
| <label for="message">Message</label> | |
| <textarea id="message" class="form-control" required></textarea> | |
| </div> | |
| <button type="submit" class="btn btn-primary">Send Message</button> | |
| <small style="opacity: 0.7; margin-top: 1rem;"> | |
| By submitting this form, you agree to our privacy policy. We'll never share your information without your permission. | |
| </small> | |
| </form> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer> | |
| <div class="container"> | |
| <p><strong>Moneyed28 LLC</strong> © <span id="year">2023</span></p> | |
| <p>1201 Fannin Street Suite 262, Houston, TX 77002, United States</p> | |
| <div class="footer-links"> | |
| <a href="privacy.html">Privacy</a> | |
| <a href="#">Terms</a> | |
| <a href="#">Made by Moneyed28</a> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Set current year | |
| document.getElementById('year').textContent = new Date().getFullYear(); | |
| // Mobile nav toggle | |
| const navToggle = document.getElementById('nav-toggle'); | |
| const navMenu = document.getElementById('nav-menu'); | |
| navToggle.addEventListener('click', () => { | |
| navMenu.classList.toggle('active'); | |
| navToggle.setAttribute('aria-expanded', navMenu.classList.contains('active')); | |
| }); | |
| // Close notice | |
| const notice = document.getElementById('notice'); | |
| const noticeClose = document.getElementById('notice-close'); | |
| noticeClose.addEventListener('click', () => { | |
| notice.style.display = 'none'; | |
| }); | |
| // Simple form handler | |
| const contactForm = document.getElementById('contact-form'); | |
| contactForm.addEventListener('submit', (e) => { | |
| e.preventDefault(); | |
| const name = document.getElementById('name').value; | |
| const email = document.getElementById('email').value; | |
| const message = document.getElementById('message').value; | |
| // In a real implementation, you would send this to a server | |
| // Here we just show an alert and reset the form | |
| alert(`Thanks for your message, ${name}! We'll get back to you soon.`); | |
| contactForm.reset(); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |