sunnahsleep/index.html at main · codingshot/sunnahsleep · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5" />

    <!-- Primary Meta Tags -->
    <title>SunnahSleep - Islamic Bedtime Companion | Follow the Prophetic Sleep Routine</title>
    <meta name="title" content="SunnahSleep - Islamic Bedtime Companion | Prophetic Sleep Routine" />
    <meta name="description" content="Follow the Sunnah before sleep with SunnahSleep. Track your bedtime checklist, recite Ayat al-Kursi, complete Tasbih dhikr, and wake for Tahajjud. A privacy-focused Islamic sleep companion app by Ummah.Build." />
    <meta name="keywords" content="Islamic sleep, Sunnah sleep, bedtime dua, Ayat al-Kursi, Tahajjud, Muslim sleep routine, Islamic app, Quran before bed, bedtime adhkar, fajr alarm, isha prayer, Islamic bedtime routine, Muslim night routine, prophetic sleep habits" />
    <meta name="author" content="Ummah.Build" />
    <meta name="theme-color" content="#0f172a" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow" />
    <link rel="canonical" href="https://sunnahsleep.app/" />
    <link rel="alternate" hreflang="en" href="https://sunnahsleep.app/" />
    <link rel="alternate" hreflang="x-default" href="https://sunnahsleep.app/" />
    <link rel="author" href="https://sunnahsleep.app/llms.txt" type="text/plain" title="LLMs.txt" />
    <link rel="sitemap" type="application/xml" href="/sitemap.xml" />

    <!-- Preconnect for faster font loading and APIs -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://api.aladhan.com" />

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/icon-512.png" />
    <link rel="apple-touch-icon" href="/icon-512.png" />

    <!-- PWA -->
    <link rel="manifest" href="/site.webmanifest" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="SunnahSleep" />
    <meta name="application-name" content="SunnahSleep" />
    <meta name="msapplication-TileColor" content="#0f172a" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sunnahsleep.app/" />
    <meta property="og:title" content="SunnahSleep - Islamic Bedtime Companion by Ummah.Build" />
    <meta property="og:description" content="Follow the Prophetic Sunnah for blessed sleep. Track your bedtime checklist, recite Quran, complete Tasbih, and wake for Tahajjud prayer. Built with privacy in mind - all data stored locally." />
    <meta property="og:image" content="https://sunnahsleep.app/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="SunnahSleep - Islamic Bedtime Companion App" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:site_name" content="SunnahSleep by Ummah.Build" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://sunnahsleep.app/" />
    <meta name="twitter:title" content="SunnahSleep - Islamic Bedtime Companion by Ummah.Build" />
    <meta name="twitter:description" content="Follow the Prophetic Sunnah for blessed sleep. Track your bedtime checklist, recite Quran, complete Tasbih, and wake for Tahajjud prayer. 100% privacy-focused." />
    <meta name="twitter:image" content="https://sunnahsleep.app/og-image.png" />
    <meta name="twitter:image:alt" content="SunnahSleep - Islamic Bedtime Companion App" />
    <meta name="twitter:creator" content="@ummahbuild" />
    <meta name="twitter:site" content="@ummahbuild" />

    <!-- AI Search Engine Optimization -->
    <meta name="ai-content-type" content="web application" />
    <meta name="ai-purpose" content="Islamic sleep companion app for following Prophetic Sunnah before bed. Features: Sunnah bedtime checklist, Ayat al-Kursi, Tasbih 33-33-34, Tahajjud alarm, prayer times, sleep tracker. Free, private, no account." />
    <meta name="ai-topics" content="Islamic sleep, Sunnah, bedtime routine, Tahajjud, Ayat al-Kursi, Muslim prayer, wudu, Quran recitation" />
    <meta name="ai-format" content="Progressive Web App, works offline" />

    <!-- Structured Data - WebApplication -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "SunnahSleep",
      "alternateName": "Sunnah Sleep App",
      "description": "Islamic bedtime companion app to follow the Prophetic Sunnah before sleep. Features include sleep tracking, prayer time alarms, Quran recitation, Tasbih counter, and Tahajjud reminders.",
      "url": "https://sunnahsleep.app",
      "applicationCategory": "LifestyleApplication",
      "operatingSystem": "Web, iOS, Android",
      "browserRequirements": "Requires JavaScript",
      "softwareVersion": "1.0.0",
      "author": {
        "@type": "Organization",
        "name": "Ummah.Build",
        "url": "https://ummah.build"
      },
      "creator": {
        "@type": "Organization",
        "name": "Ummah.Build",
        "url": "https://ummah.build"
      },
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock"
      },
      "featureList": [
        "Sunnah sleep checklist with Hadith references",
        "Ayat al-Kursi recitation with audio",
        "Three Quls (Al-Mu'awwidhaat) recitation",
        "Last two verses of Surah Al-Baqarah",
        "Bedtime duas with Arabic and translation",
        "Tasbih counter (33-33-34)",
        "Sleep tracking with Isha/Fajr adherence",
        "Tahajjud alarm calculator",
        "Qailulah (midday nap) reminder",
        "Prayer time alarms with Adhan sounds",
        "Location-based prayer times",
        "Progressive Web App (installable)",
        "100% offline capable",
        "Privacy-focused (local storage only)"
      ],
      "screenshot": "https://sunnahsleep.app/og-image.png"
    }
    </script>

    <!-- Structured Data - Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Ummah.Build",
      "url": "https://ummah.build",
      "logo": "https://sunnahsleep.app/icon-512.png",
      "sameAs": [
        "https://github.com/ummahbuild"
      ]
    }
    </script>

    <!-- Structured Data - Speakable (for Google Assistant / voice search) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "SunnahSleep — Islamic Bedtime Companion",
      "url": "https://sunnahsleep.app/",
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": ["h1", "[aria-labelledby='hero-heading'] p"]
      }
    }
    </script>

    <!-- Structured Data - BreadcrumbList (Home) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "SunnahSleep",
        "item": "https://sunnahsleep.app/"
      }]
    }
    </script>

    <!-- Structured Data - FAQ -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is the Sunnah way to sleep?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The Sunnah way to sleep includes: performing wudu before bed, dusting the bed three times, sleeping on your right side, reciting Ayat al-Kursi, reciting the last two verses of Surah Al-Baqarah, reciting the Three Quls (Al-Ikhlas, Al-Falaq, An-Nas), saying bedtime duas, and completing Tasbih (33 SubhanAllah, 33 Alhamdulillah, 34 Allahu Akbar). These practices are authentically reported in Sahih Bukhari and Sahih Muslim."
          }
        },
        {
          "@type": "Question",
          "name": "What duas should I recite before sleeping?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Before sleeping, Muslims should recite: Ayat al-Kursi (Surah Al-Baqarah 2:255) for angelic protection, the last two verses of Surah Al-Baqarah (2:285-286), Surah Al-Ikhlas, Surah Al-Falaq, Surah An-Nas (blown into hands and wiped over body), and the dua 'Bismika Allahumma amutu wa ahya' (In Your name, O Allah, I die and I live)."
          }
        },
        {
          "@type": "Question",
          "name": "Why should I recite Surah Al-Mulk before sleep?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The Prophet ﷺ said Surah Al-Mulk intercedes for its reciter until forgiven (Tirmidhi 2891). It is called 'The Preventer' — it prevents the punishment of the grave (Tirmidhi 2890). The Prophet ﷺ would not sleep without reciting it every night (Tirmidhi 2892)."
          }
        },
        {
          "@type": "Question",
          "name": "When is the best time for Tahajjud prayer?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The best time for Tahajjud prayer is during the last third of the night, before Fajr prayer. The Prophet ﷺ said that Allah descends to the lowest heaven during this time and responds to supplications (Sahih al-Bukhari 1145). Calculate by dividing the time between Maghrib and Fajr into three parts."
          }
        },
        {
          "@type": "Question",
          "name": "What are the three types of dreams in Islam?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The Prophet ﷺ classified dreams into three types (Sahih Muslim 2263): 1) Ru'ya — true dreams from Allah (glad tidings, share with loved ones), 2) Hulum — disturbing dreams from Shaytan (seek refuge in Allah, spit left 3 times, don't share), 3) Hadith an-nafs — reflections of daily thoughts with no spiritual significance."
          }
        },
        {
          "@type": "Question",
          "name": "What is Qailulah in Islam?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Qailulah is the Sunnah practice of taking a short nap (20-30 minutes) during the midday, typically after Dhuhr prayer. The Prophet ﷺ said 'Take the Qailulah, for the devils do not take a midday nap' (Sahih al-Jami). It helps prepare for night worship."
          }
        },
        {
          "@type": "Question",
          "name": "Why should I sleep on my right side?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The Prophet ﷺ taught us to sleep on the right side (Sahih al-Bukhari 247). Modern research confirms benefits: it reduces pressure on the heart, aids digestion, reduces acid reflux, improves brain waste clearance (glymphatic system), and reduces snoring. Place your right hand under your right cheek when lying down."
          }
        },
        {
          "@type": "Question",
          "name": "How do I perform wudu before sleeping?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Perform wudu before sleeping just as you would for prayer: wash hands, rinse mouth, clean nose, wash face, wash arms to elbows, wipe head and ears, and wash feet. The Prophet ﷺ instructed: 'When you go to your bed, perform ablution like that for the prayer' (Sahih al-Bukhari 247)."
          }
        },
        {
          "@type": "Question",
          "name": "What should I do if I can't sleep in Islam?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Islamic remedies for insomnia include: making fresh wudu, reciting Ayat al-Kursi, blowing the Three Quls over yourself, doing repetitive dhikr (SubhanAllah, Alhamdulillah, Allahu Akbar), or getting up to pray 2 rak'ahs. The Prophet ﷺ advised prayer over lying awake in frustration. Nighttime waking may be an invitation to Tahajjud in the blessed last third of the night."
          }
        },
        {
          "@type": "Question",
          "name": "What are the Three Quls and why recite them before sleep?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The Three Quls are Surah Al-Ikhlas (112), Surah Al-Falaq (113), and Surah An-Nas (114). Every night, the Prophet ﷺ would cup his hands, blow into them, recite all three surahs, then wipe his hands over his body — starting with his head and face, three times (Sahih al-Bukhari 5017). They provide comprehensive protection: tawheed, external evil, and internal whispers."
          }
        },
        {
          "@type": "Question",
          "name": "What is Tasbih Fatimah and when should I say it?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Tasbih Fatimah is a bedtime dhikr: SubhanAllah 33 times, Alhamdulillah 33 times, Allahu Akbar 34 times. The Prophet ﷺ taught it to Fatimah رضي الله عنها when she asked for a servant, saying it is better than having a servant (Sahih al-Bukhari 6318). Ali رضي الله عنه never missed it, even during battle."
          }
        },
        {
          "@type": "Question",
          "name": "What is the Islamic etiquette (adab) of sleeping?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Islamic sleep etiquette includes: performing wudu, dusting the bed 3 times, sleeping on the right side (not the stomach), reciting bedtime adhkar (Ayat al-Kursi, Three Quls, Tasbih), sleeping early after Isha, closing doors and covering vessels, extinguishing lights, making intention for Tahajjud, and saying the bedtime dua. The Prophet ﷺ disliked sleeping on the stomach (Abu Dawud 5040)."
          }
        }
      ]
    }
    </script>

    <!-- Structured Data - HowTo -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "name": "How to Follow the Prophetic Sleep Routine",
      "description": "A step-by-step guide to following the Sunnah before sleeping, based on authentic Hadith.",
      "step": [
        {
          "@type": "HowToStep",
          "name": "Perform Wudu",
          "text": "Perform ablution (wudu) before going to bed, as recommended by the Prophet ﷺ."
        },
        {
          "@type": "HowToStep",
          "name": "Dust the Bed",
          "text": "Dust your bed three times with the edge of your garment before lying down."
        },
        {
          "@type": "HowToStep",
          "name": "Lie on Right Side",
          "text": "Lie down on your right side, as the Prophet ﷺ used to do."
        },
        {
          "@type": "HowToStep",
          "name": "Recite Ayat al-Kursi",
          "text": "Recite Ayat al-Kursi (Surah Al-Baqarah 2:255) for protection throughout the night."
        },
        {
          "@type": "HowToStep",
          "name": "Recite Last Two Verses of Al-Baqarah",
          "text": "Recite the last two verses of Surah Al-Baqarah (2:285-286)."
        },
        {
          "@type": "HowToStep",
          "name": "Recite Three Quls",
          "text": "Recite Surah Al-Ikhlas, Al-Falaq, and An-Nas, blow into your hands, and wipe over your body."
        },
        {
          "@type": "HowToStep",
          "name": "Complete Bedtime Tasbih",
          "text": "Say SubhanAllah 33 times, Alhamdulillah 33 times, and Allahu Akbar 34 times."
        },
        {
          "@type": "HowToStep",
          "name": "Recite Bedtime Dua",
          "text": "Say 'Bismika Allahumma amutu wa ahya' (In Your name, O Allah, I die and I live)."
        }
      ]
    }
    </script>
  </head>

  <body>
    <a href="#main-content" class="skip-link">Skip to main content</a>
    <div id="root">
      <!-- Instant loading shell for faster FCP - replaced by React on mount -->
      <noscript>Enable JavaScript to use SunnahSleep</noscript>
      <div id="loading-shell" style="min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a 0%,#0a0f1a 100%);font-family:system-ui,-apple-system,sans-serif">
        <div style="color:#d4af37;font-size:1.5rem;font-weight:600;margin-bottom:0.75rem">SunnahSleep</div>
        <div style="color:rgba(212,175,55,0.7);font-size:0.875rem;margin-bottom:1rem">Islamic Bedtime Companion</div>
        <div style="width:20px;height:20px;border:2px solid rgba(212,175,55,0.3);border-top-color:#d4af37;border-radius:50%;animation:loading-spin 0.7s linear infinite" aria-hidden="true"></div>
      </div>
    </div>
    <style>
      @keyframes loading-spin{to{transform:rotate(360deg)}}
      .skip-link{position:absolute;top:-100px;left:0;background:#d4af37;color:#0f172a;padding:0.75rem 1rem;z-index:9999;font-weight:600;transition:top 0.2s}
      .skip-link:focus{top:0;outline:2px solid #d4af37;outline-offset:2px}
    </style>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>