https://lurke.app/contact

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>Contact Support — Lurke Instagram Analytics App</title>
7  <meta name="description" content="Contact Lurke support team for help with Instagram follower tracking, analytics, and app questions. We typically respond within 24 hours.">
8  <link rel="canonical" href="https://lurke.app/contact">
9  
10  <!-- Open Graph / Facebook -->
11  <meta property="og:type" content="website">
12  <meta property="og:url" content="https://lurke.app/contact">
13  <meta property="og:title" content="Contact Support — Lurke Instagram Analytics App">
14  <meta property="og:description" content="Get help with Instagram follower tracking and analytics. Contact our support team.">
15  <meta property="og:image" content="https://lurke.app/logo.png">
16  
17  <link rel="icon" type="image/png" href="logo.png">
18  <link rel="preconnect" href="https://fonts.googleapis.com">
19  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
21  <style>
22    *, *::before, *::after {
23      margin: 0;
24      padding: 0;
25      box-sizing: border-box;
26    }
27
28    :root {
29      --coral: #E8657A;
30      --soft-rose: #FFB3C6;
31      --blush: #F4D5DC;
32      --shadow: #2A2035;
33      --hot-pink: #FF6B8A;
34      --mint: #4ECBA0;
35      --bg: #FAF5F7;
36      --white: #FFFFFF;
37      --border: #F0E4E8;
38      --disabled: #C8BFC3;
39      --text-primary: #1A1121;
40      --text-secondary: #7A6E80;
41      --cta-gradient: linear-gradient(135deg, #E8657A, #FF85A1);
42      --pink-glow: linear-gradient(135deg, #FF85A1, #FFB3C6);
43    }
44
45    body {
46      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
47      background-color: var(--bg);
48      color: var(--text-primary);
49      min-height: 100vh;
50      display: flex;
51      flex-direction: column;
52      -webkit-font-smoothing: antialiased;
53      -moz-osx-font-smoothing: grayscale;
54    }
55
56    header {
57      border-bottom: 1px solid var(--border);
58      background: var(--white);
59      padding: 20px 24px;
60      text-align: center;
61    }
62
63    header a {
64      text-decoration: none;
65      color: var(--text-primary);
66      font-weight: 700;
67      font-size: 1.4rem;
68    }
69
70    header a:hover {
71      color: var(--coral);
72    }
73
74    main {
75      flex: 1;
76      padding: 60px 24px;
77      max-width: 640px;
78      margin: 0 auto;
79      width: 100%;
80    }
81
82    h1 {
83      font-size: 2rem;
84      font-weight: 800;
85      margin-bottom: 12px;
86      letter-spacing: -0.02em;
87    }
88
89    .subtitle {
90      font-size: 1.05rem;
91      color: var(--text-secondary);
92      line-height: 1.6;
93      margin-bottom: 40px;
94    }
95
96    .contact-methods {
97      display: flex;
98      flex-direction: column;
99      gap: 24px;
100      margin-bottom: 48px;
101    }
102
103    .contact-card {
104      background: var(--white);
105      padding: 28px;
106      border-radius: 16px;
107      border: 1px solid var(--border);
108      transition: transform 0.2s ease, box-shadow 0.2s ease;
109    }
110
111    .contact-card:hover {
112      transform: translateY(-2px);
113      box-shadow: 0 4px 20px rgba(232, 101, 122, 0.1);
114    }
115
116    .contact-card h2 {
117      font-size: 1.1rem;
118      font-weight: 600;
119      margin-bottom: 8px;
120      color: var(--text-primary);
121    }
122
123    .contact-card p {
124      color: var(--text-secondary);
125      font-size: 0.95rem;
126      line-height: 1.6;
127      margin-bottom: 12px;
128    }
129
130    .contact-card a {
131      color: var(--coral);
132      text-decoration: none;
133      font-weight: 600;
134      transition: color 0.2s ease;
135    }
136
137    .contact-card a:hover {
138      color: var(--hot-pink);
139      text-decoration: underline;
140    }
141
142    .form-group {
143      margin-bottom: 20px;
144    }
145
146    label {
147      display: block;
148      font-weight: 600;
149      margin-bottom: 8px;
150      font-size: 0.95rem;
151      color: var(--text-primary);
152    }
153
154    input, textarea {
155      width: 100%;
156      padding: 12px 16px;
157      border: 1.5px solid var(--border);
158      border-radius: 10px;
159      font-family: inherit;
160      font-size: 0.95rem;
161      transition: border-color 0.2s ease;
162    }
163
164    input:focus, textarea:focus {
165      outline: none;
166      border-color: var(--coral);
167      box-shadow: 0 0 0 3px rgba(232, 101, 122, 0.1);
168    }
169
170    textarea {
171      resize: vertical;
172      min-height: 120px;
173    }
174
175    button {
176      background: var(--cta-gradient);
177      color: var(--white);
178      padding: 14px 36px;
179      border: none;
180      border-radius: 10px;
181      font-weight: 600;
182      font-size: 0.95rem;
183      cursor: pointer;
184      transition: transform 0.2s ease, box-shadow 0.2s ease;
185      font-family: inherit;
186      width: 100%;
187    }
188
189    button:hover {
190      transform: translateY(-2px);
191      box-shadow: 0 6px 24px rgba(232, 101, 122, 0.3);
192    }
193
194    footer {
195      text-align: center;
196      padding: 32px 24px;
197      border-top: 1px solid var(--border);
198      background: var(--white);
199      font-size: 0.82rem;
200      color: var(--disabled);
201    }
202
203    footer a {
204      color: var(--coral);
205      text-decoration: none;
206      margin: 0 12px;
207    }
208
209    footer a:hover {
210      text-decoration: underline;
211    }
212
213    @media (max-width: 600px) {
214      main {
215        padding: 40px 20px;
216      }
217
218      h1 {
219        font-size: 1.6rem;
220      }
221
222      .contact-card {
223        padding: 20px;
224      }
225    }
226  </style>
227</head>
228<body>
229
230  <header>
231    <a href="index.html">LURKE</a>
232  </header>
233
234  <main>
235    <h1>Contact Support</h1>
236    <p class="subtitle">

236Have a question or issue? We're here to help and typically respond within 24 hours.</p>
237
238    <div class="contact-methods">
239      <div class="contact-card">
240        <h2>Email</h2>
241        <p>For general inquiries and support requests:</p>
242        <a href="mailto:[email protected]">[email protected]</a>
243      </div>
244
245      <div class="contact-card">
246        <h2>Bug Reports</h2>
247        <p>Found a bug? Let us know the details and steps to reproduce:</p>
248        <a href="mailto:[email protected]">[email protected]</a>
249      </div>
250
251      <div class="contact-card">
252        <h2>Feature Requests</h2>
253        <p>Have an idea to make LURKE better? We'd love to hear it:</p>
254        <a href="mailto:[email protected]">[email protected]</a>
255      </div>
256
257      <div class="contact-card">
258        <h2>Account Issues</h2>
259        <p>Problems with your account? Contact us at:</p>
260        <a href="mailto:[email protected]">[email protected]</a>
261      </div>
262    </div>
263
264    <div class="contact-card">
265      <h2>Send us a Message</h2>
266      <form>
267        <div class="form-group">
268          <label for="name">Name</label>
269          <input type="text" id="name" name="name" required>
270        </div>
271        <div class="form-group">
272          <label for="email">Email</label>
273          <input type="email" id="email" name="email" required>
274        </div>
275        <div class="form-group">
276          <label for="subject">Subject</label>
277          <input type="text" id="subject" name="subject" required>
278        </div>
279        <div class="form-group">
280          <label for="message">Message</label>
281          <textarea id="message" name="message" required></textarea>
282        </div>
283        <button type="submit">Send Message</button>
284      </form>
285    </div>
286  </main>
287
288  <footer>
289    <div style="margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--border);">
290      <a href="index.html" style="display: inline-block; background: var(--cta-gradient); color: var(--white); padding: 12px 28px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: transform 0.2s ease;">
291        Back to Lurke App Home
292      </a>
293    </div>
294    <p>&copy; 2026 LURKE. All rights reserved.</p>
295    <div style="margin-top: 12px;">
296      <a href="privacy.html">Privacy Policy</a> |
297      <a href="terms.html">Terms of Service</a>
298    </div>
299  </footer>
300

301<script src="/analytics-consent.js" defer></script>

301

302<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"189b97f65d474e9080b75524e4cfae17","r":1,"spa":2}' crossorigin="anonymous"></script>

302
303</body>
304</html>