GRT-Landing/support.html at main · potiyev/GRT-Landing · GitHub

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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Support — Lights Out: Reaction & Reflex</title>
    <link rel="stylesheet" href="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=Cereal:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0" />
</head>
<body>
    <!-- Top Navigation -->
    <nav class="top-nav">
        <div class="nav-container">
            <a href="index.html" class="nav-brand">Lights Out: Reaction & Reflex</a>
            <div class="nav-right">
                <ul class="nav-links">
                    <li><a href="index.html" class="nav-link" data-translate="navHome">Home</a></li>
                    <li><a href="support.html" class="nav-link active" data-translate="navSupport">Support</a></li>
                    <li><a href="privacy.html" class="nav-link" data-translate="navPrivacy">Privacy</a></li>
                    <li><a href="https://apps.apple.com/us/app/grid-reaction-timer/id6748250349" target="_blank" rel="noopener noreferrer" class="nav-link nav-app-store" data-translate="navAppStore">App Store</a></li>
                </ul>
                <!-- Language selector will be added here by JavaScript -->
                <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode">
                    <span class="material-symbols-rounded" id="themeIcon">dark_mode</span>
                </button>
            </div>
        </div>
    </nav>

    <div class="container">
        <main>
            <section class="hero">
                <div class="hero-inner">
                    <h1 data-translate="supportPageTitle">Support & Contact</h1>
                    <p class="lead" data-translate="supportPageSubtitle">Have a question, found a bug, or want to suggest a feature? We're here to help.</p>
                </div>
            </section>

            <section>
                <h2 data-translate="supportFAQTitle">Frequently Asked Questions</h2>
                <div class="faq-list">
                    <details class="faq-item">
                        <summary data-translate="faqQ1">How do I unlock team themes?</summary>
                        <p data-translate="faqA1">Team themes are unlocked by playing rounds. Each team requires a different number of total rounds played across any game mode. Keep playing to unlock them all!</p>
                    </details>
                    <details class="faq-item">
                        <summary data-translate="faqQ2">How does the Pit Lane daily challenge work?</summary>
                        <p data-translate="faqA2">Each day a new target tire color is randomly selected. Tires fall down two lanes and you must tap only the matching color. Build combos for bonus points, but miss three and the round is over. A new challenge resets daily.</p>
                    </details>
                    <details class="faq-item">
                        <summary data-translate="faqQ3">Is the app really free?</summary>
                        <p data-translate="faqA3">Yes! The app is completely free with no in-app purchases. Occasional ads may appear during cooldown periods, but they never interrupt gameplay.</p>
                    </details>
                    <details class="faq-item">
                        <summary data-translate="faqQ4">How do I delete my leaderboard data?</summary>
                        <p data-translate="faqA4">Go to Settings > Privacy > Delete My Data. This removes your online leaderboard scores and profile. You can also disable Leaderboard Sync to stop sharing new scores.</p>
                    </details>
                    <details class="faq-item">
                        <summary data-translate="faqQ5">What platforms is the app available on?</summary>
                        <p data-translate="faqA5">Lights Out: Reaction & Reflex is available on iPhone (iOS 18+), Apple TV (tvOS 18+), and Apple Watch. All versions are free.</p>
                    </details>
                    <details class="faq-item">
                        <summary data-translate="faqQ6">How do leaderboards work?</summary>
                        <p data-translate="faqA6">Leaderboards use both Game Center and a custom online system. Scores reset weekly (Sunday 00:00 UTC). You can opt out of online sync in Settings > Privacy.</p>
                    </details>
                </div>
            </section>

            <section>
                <h2 data-translate="supportContactTitle">Get in Touch</h2>
                <div class="contact-card">
                    <div class="contact-card-inner">
                        <div class="contact-icon"><span class="material-symbols-rounded">mail</span></div>
                        <div>
                            <p data-translate="supportContactDesc">For bug reports, feature requests, or any questions, email us at:</p>
                            <p class="contact-email"><a href="mailto:[email protected]" class="contact-link">[email protected]</a></p>
                            <p class="support-note" data-translate="supportResponseTime">We typically respond within 48 hours.</p>
                        </div>
                    </div>
                </div>
            </section>

            <section>
                <h2 data-translate="supportHelpfulTipsTitle">Helpful Tips</h2>
                <div class="feature-grid">
                    <div class="feature-card">
                        <div class="feature-icon"><span class="material-symbols-rounded">settings</span></div>
                        <h3 data-translate="tipResetTitle">Reset Settings</h3>
                        <p data-translate="tipResetDesc">If something isn't working right, try going to Settings and toggling options off and on. You can also reinstall the app to reset all local data.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon"><span class="material-symbols-rounded">lock</span></div>
                        <h3 data-translate="tipPrivacyTitle">Privacy Controls</h3>
                        <p data-translate="tipPrivacyDesc">You can manage analytics, leaderboard sync, and delete your data anytime from Settings > Privacy.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon"><span class="material-symbols-rounded">star</span></div>
                        <h3 data-translate="tipReviewTitle">Leave a Review</h3>
                        <p data-translate="tipReviewDesc">Enjoying the game? A quick App Store review helps other players find us and keeps development going.</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon"><span class="material-symbols-rounded">volunteer_activism</span></div>
                        <h3 data-translate="tipSupportDevTitle">Support Development</h3>
                        <p data-translate="tipSupportDevDesc">If you'd like to support ongoing development, you can leave a tip via the Ko-fi link in the app's settings.</p>
                    </div>
                </div>
            </section>
        </main>

        <footer>
            <p><span data-translate="footerCopyright">&copy; 2026 Lights Out: Reaction & Reflex.</span> <a href="https://apps.apple.com/us/app/grid-reaction-timer/id6748250349" data-translate="footerAppStoreLink">App Store listing</a></p>
        </footer>
    </div>

    <!-- Translation scripts -->
    <script src="translations.js"></script>
    <script src="language-switcher.js"></script>
    <script src="theme-toggle.js"></script>
</body>
</html>