<!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="TYMER OÜ - Digital products studio building mobile apps and technology solutions">
    <meta name="theme-color" content="#0f0f0f">
    <title>TYMER OÜ - Digital Products Studio</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="header">
        <nav class="nav-container">
            <div class="logo">
                <img src="/images/logo.jpg" alt="TYMER Logo">
                <a href="/">TYMER</a>
            </div>
            <div class="nav-links">
                <a href="#products" class="nav-link">Products</a>
                <a href="#about" class="nav-link">About</a>
                <div class="dropdown">
                    <button class="nav-link dropdown-toggle">Legal</button>
                    <div class="dropdown-menu">
                        <a href="/privacy/stackr.html">STACKR Privacy</a>
                        <a href="/privacy/espanol.html">Español Privacy</a>
                        <a href="/app-ads.txt">app-ads.txt</a>
                    </div>
                </div>
                <a href="mailto:contact@tymerstudios.com" class="nav-link nav-cta">Contact</a>
            </div>
        </nav>
    </header>

    <main>
        <!-- Hero Section -->
        <section class="hero">
            <div class="hero-content">
                <h1 class="hero-title">
                    Digital Products<br>for Modern Life
                </h1>
                <p class="hero-subtitle">
                    We design and build consumer-facing software across language learning, travel, and emerging technologies.
                </p>
                <div class="hero-cta">
                    <a href="#products" class="btn btn-primary">Explore Our Apps</a>
                    <a href="mailto:contact@tymerstudios.com" class="btn btn-secondary">Get In Touch</a>
                </div>
            </div>
            <div class="hero-accent"></div>
        </section>

        <!-- Products Section -->
        <section id="products" class="section products-section">
            <div class="section-header">
                <h2>Our Products</h2>
                <p class="section-subtitle">Mobile apps and technology solutions built for real users</p>
            </div>

            <div class="products-grid">
                <!-- Español de España -->
                <div class="product-card">
                    <div class="product-badge">Available Now</div>
                    <h3>Español de España</h3>
                    <p class="product-description">
                        Master authentic Spanish for Spain. Learn regional vocabulary, local expressions, and cultural nuances designed for Latin American Spanish speakers moving to or living in Spain.
                    </p>
                    <div class="product-features">
                        <span class="feature">Language Learning</span>
                        <span class="feature">Local Expressions</span>
                        <span class="feature">Cultural Content</span>
                    </div>
                    <div class="product-footer">
                        <a href="https://play.google.com/store/apps/details?id=com.adaptaespanol.app" class="product-link" target="_blank">
                            Open on Play Store →
                        </a>
                        <a href="/privacy/espanol.html" class="product-link secondary">Privacy Policy</a>
                    </div>
                </div>

                <!-- STACKR -->
                <div class="product-card">
                    <div class="product-badge">Recently Launched</div>
                    <h3>STACKR</h3>
                    <p class="product-description">
                        Smart spending tracker with local-first privacy. Manage budgets, log transactions, scan receipts with AI, and get roasted by "Savage Mode"—all without sharing your financial data.
                    </p>
                    <div class="product-features">
                        <span class="feature">Local-First Privacy</span>
                        <span class="feature">AI Receipt OCR</span>
                        <span class="feature">Budget Tracking</span>
                    </div>
                    <div class="product-footer">
                        <a href="#" class="product-link" target="_blank">
                            Coming to Play Store
                        </a>
                        <a href="/privacy/stackr.html" class="product-link secondary">Privacy Policy</a>
                    </div>
                </div>

                <!-- AI Trip Planner -->
                <div class="product-card">
                    <div class="product-badge">Coming Soon</div>
                    <h3>AI Trip Planner</h3>
                    <p class="product-description">
                        Intelligent travel planning powered by AI. Build personalized itineraries, discover hidden destinations, and organize every detail of your journey in one beautiful app.
                    </p>
                    <div class="product-features">
                        <span class="feature">AI Itineraries</span>
                        <span class="feature">Destination Discovery</span>
                        <span class="feature">Trip Organization</span>
                    </div>
                    <div class="product-footer">
                        <p class="coming-soon">Further details announced at launch</p>
                    </div>
                </div>

                <!-- Wearable -->
                <div class="product-card">
                    <div class="product-badge">In Development</div>
                    <h3>Wearable Technology</h3>
                    <p class="product-description">
                        Pushing the boundaries of what's possible on wearable devices. We're building the next generation of connected experiences.
                    </p>
                    <div class="product-features">
                        <span class="feature">Wearable Tech</span>
                        <span class="feature">Connected</span>
                        <span class="feature">Next-Gen</span>
                    </div>
                    <div class="product-footer">
                        <p class="coming-soon">Announcement coming soon</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- About Section -->
        <section id="about" class="section about-section">
            <div class="about-content">
                <div class="about-text">
                    <h2>About TYMER</h2>
                    <p>
                        We are a digital products studio focused on designing and building consumer-facing applications that solve real problems for real people.
                    </p>
                    <p>
                        Our revenue model is built on app sales, in-app purchases, and subscriptions distributed through major app store platforms. We prioritize user privacy, beautiful design, and thoughtful functionality.
                    </p>
                    <div class="about-stats">
                        <div class="stat">
                            <span class="stat-value">3+</span>
                            <span class="stat-label">Products</span>
                        </div>
                        <div class="stat">
                            <span class="stat-value">2</span>
                            <span class="stat-label">App Stores</span>
                        </div>
                        <div class="stat">
                            <span class="stat-value">∞</span>
                            <span class="stat-label">Ambition</span>
                        </div>
                    </div>
                </div>
                <div class="about-highlight">
                    <div class="highlight-box">
                        <h3>Our Philosophy</h3>
                        <ul>
                            <li>User privacy comes first</li>
                            <li>Design with intention</li>
                            <li>Build products people love</li>
                            <li>Sustainable monetization</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- Contact Section -->
        <section class="section contact-section">
            <div class="contact-content">
                <h2>Let's Build Something Great</h2>
                <p>Have a partnership opportunity, investment inquiry, or just want to chat?</p>
                <a href="mailto:contact@tymerstudios.com" class="btn btn-primary btn-large">
                    Get In Touch
                </a>
                <p class="contact-email">contact@tymerstudios.com</p>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="footer-content">
            <div class="footer-section">
                <h4>TYMER OÜ</h4>
                <p>Digital products studio building mobile apps and technology solutions.</p>
            </div>
            <div class="footer-section">
                <h4>Legal</h4>
                <ul>
                    <li><a href="/privacy/stackr.html">STACKR Privacy</a></li>
                    <li><a href="/privacy/espanol.html">Español Privacy</a></li>
                    <li><a href="/app-ads.txt">app-ads.txt</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h4>Contact</h4>
                <ul>
                    <li><a href="mailto:contact@tymerstudios.com">contact@tymerstudios.com</a></li>
                    <li><a href="https://play.google.com/store/apps/details?id=com.adaptaespanol.app" target="_blank">Play Store</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2026 TYMER OÜ. All rights reserved.</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>
