-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (81 loc) · 25.2 KB
/
index.html
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
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>Quran Talk</title><meta name="description" content="Quran Talk"/><link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"/><link rel="manifest" href="favicon/site.webmanifest"/><link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com"/><meta name="next-head-count" content="14"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/_next/static/css/ee4cd33e96741a78.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ee4cd33e96741a78.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5674832e1468d24d.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5674832e1468d24d.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-d71ed73f9cbdd3bc.js" defer=""></script><script src="/_next/static/chunks/framework-1f10003e17636e37.js" defer=""></script><script src="/_next/static/chunks/main-ef9379c68abd1065.js" defer=""></script><script src="/_next/static/chunks/pages/_app-50ea61a192ce43b2.js" defer=""></script><script src="/_next/static/chunks/996-5dda03bc010437df.js" defer=""></script><script src="/_next/static/chunks/780-b063f6166557357e.js" defer=""></script><script src="/_next/static/chunks/pages/index-a1b39e791afbd095.js" defer=""></script><script src="/_next/static/h7WayiUs41WTlPaMmK0ho/_buildManifest.js" defer=""></script><script src="/_next/static/h7WayiUs41WTlPaMmK0ho/_ssgManifest.js" defer=""></script><script src="/_next/static/h7WayiUs41WTlPaMmK0ho/_middlewareManifest.js" defer=""></script><style data-href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400;500;600;700&display=swap">@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_LjQXMI.woff) format('woff')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_GbQXMI.woff) format('woff')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQXMI.woff) format('woff')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_ArQXMI.woff) format('woff')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_ObXXMI.woff) format('woff')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_N_XXMI.woff) format('woff')}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4Vn8siqM7.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4Vn8siqM7.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4Vn8siqM7.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4Vn8siqM7.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4Vn8siqM7.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUAnx4Vn8siqM7.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next"><div class="text-[#625A5A]"><header class="container px-4 mx-auto my-4"><div class="flex w-full mt-16 md:mt-0 justify-center md:justify-between items-center"><img src="/fullLogo.svg" alt="facebook" width="128" height="35"/><ul class="hidden md:grid grid-cols-2 gap-6 justify-items-end text-base"><li class="transition hover:text-primary border-2 border-transparent hover:border-b-primary cursor-pointer"><a href="/#section-hero">Home</a></li><li class="transition hover:text-primary border-2 border-transparent hover:border-b-primary cursor-pointer "><a href="/#section-download">Download</a></li></ul></div></header><main><section id="section-hero" class="bg-vector-wave bg-center bg-no-repeat bg-contain order-0 md:order-1"><div class="container mx-auto grid grid-cols-1 md:grid-cols-12 items-center px-8 "><div class="md:col-span-7 text-center md:text-left order-2"><h3 class="text-base md:text-4xl max-w-760"><strong>QuranTalk is your companion</strong> in helping you ground yourself in the words of the Holy Scripture.</h3><button class="mt-4 rounded-full text-white font-bold shadow-sm bg-primary px-6 py-1">Learn More</button></div><div class="md:col-span-5 order-1 md:order-3"><img src="/Illustrations-3.svg" alt="illustration" width="708" height="628"/></div></div></section><div class="container mx-auto flex flex-col"><section class="grid grid-cols-1 md:grid-cols-12 items-center px-8 order-2 md:order-1"><div class="md:col-span-5"><img src="/Illustrations-2.svg" alt="illustration" width="708" height="628"/></div><div class="md:col-span-7 text-center md:text-right"><h3 class="text-base md:text-4xl mb-2 font-bold text-primary">Connect with the Quran on another level</h3><p class="ml-auto text-sm md:text-2xl max-w-760">As the world progresses in today's age and time, we find ourselves with us no time to ground ourselves and our emotions. QuranTalk enables you to connect with the Holy Quran using your emotions</p></div></section><section class="grid grid-cols-1 md:grid-cols-12 items-center px-8 order-3 md:order-1"><div class="col-span-7 order-2 text-center md:text-left"><h3 class="text-base md:text-4xl mb-2 font-bold text-primary">Let gratitude heal you like no other</h3><p class="text-sm md:text-2xl max-w-760 mr-auto">As the world progresses in today's age and time, we find ourselves with us no time to ground ourselves and our emotions. QuranTalk enables you to connect with the Holy Quran using your emotions</p></div><div class="col-span-5 order-1 md:order-3"><img src="/Illustrations-1.svg" alt="illustration" width="708" height="628"/></div></section><section class="grid grid-cols-1 md:grid-cols-12 items-center px-8 mb-12 order-4 md:order-1"><div class="col-span-5 order-1"><img src="/Illustrations.svg" alt="illustration" width="708" height="628"/></div><div class="col-span-7 text-center md:text-right order-2 md:order-3"><h3 class="text-base md:text-4xl mb-2 font-bold text-primary">Never stay out of touch with your salah</h3><p class="text-sm md:text-2xl max-w-760 ml-auto">As the world progresses in today's age and time, we find ourselves with us no time to ground ourselves and our emotions. QuranTalk enables you to connect with the Holy Quran using your emotions</p></div></section><section id="section-download" class="grid grid-cols-1 md:grid-cols-12 items-center px-8 order-1 md:order-1"><div class="col-span-7 order-2 text-center md:text-left"><h3 class="hidden md:block text-4xl mb-2 font-bold text-primary">Download QuranTalk on Android & iOS</h3><p class="text-sm md:text-2xl max-w-760 mr-auto">With a community of over 1500 users, QuranTalk helps you navigate your emotional states via the verses of the Holy Quran and enables you to ground your emotions better.</p><div class="flex justify-center md:justify-start gap-4 mt-4"><a href="https://play.google.com/store/apps/details?id=com.ayahemotion.quran_talk"><img src="/Badge.png" alt="google play store" width="135" height="43"/></a><a href="https://apps.apple.com/pk/app/qurantalk/id1563425149"><img src="/Badge-1.png" alt="apply play store" width="135" height="43"/></a></div></div><div class="col-span-5 order-1 md:order-3"><h3 class="block md:hidden text-base mb-2 font-bold text-primary mt-8 text-center">Download QuranTalk on Android & iOS</h3><img src="/image 1.png" alt="illustration" width="708" height="628"/></div></section><section id="section-review" class="container py-14 mx-auto order-5 md:order-1"><div class="grid grid-cols-1 md:grid-cols-12 px-8 mb-12"><div class="col-span-7 text-center md:text-left"><h3 class="text-base md:text-4xl mb-2 font-bold text-primary">5 star reviews on Playstore & iOS!</h3><p class="text-sm md:text-2xl max-w-760 mr-auto"></p></div></div><div class="slick-slider slick-initialized" dir="ltr"><div class="slick-list" style="padding:0px 0"><div class="slick-track" style="width:800%;left:-200%"><div data-index="-2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“Such an amazing app, so thoughtful 💕Some suggestions, 1. Can you please add the Arabic as well, as it would help the individual connect more with Quran 2. The Ayahs appear in the same sequence every time; it would be better if they appear in a more random order. Go”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Zainab Junaid<!-- --></span></div></div></div></div><div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“Absolutely love this app! It's perfect. Literally a way to talk Allah. 🥺 Thank you for this.”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Mariam Jafri<!-- --></span></div></div></div></div><div data-index="0" class="slick-slide slick-active slick-center slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“This is a very helpful and comforting app for people who want to feel connected to their Creator in all phases of life by reading His words. However, there should be more fearures and language options available. Overall it is a good initiative and is very convenient!”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Maryam Jafar<!-- --></span></div></div></div></div><div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“Such an amazing app, so thoughtful 💕Some suggestions, 1. Can you please add the Arabic as well, as it would help the individual connect more with Quran 2. The Ayahs appear in the same sequence every time; it would be better if they appear in a more random order. Go”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Zainab Junaid<!-- --></span></div></div></div></div><div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“Absolutely love this app! It's perfect. Literally a way to talk Allah. 🥺 Thank you for this.”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Mariam Jafri<!-- --></span></div></div></div></div><div data-index="3" tabindex="-1" class="slick-slide slick-center slick-cloned" aria-hidden="true" style="width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“This is a very helpful and comforting app for people who want to feel connected to their Creator in all phases of life by reading His words. However, there should be more fearures and language options available. Overall it is a good initiative and is very convenient!”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Maryam Jafar<!-- --></span></div></div></div></div><div data-index="4" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“Such an amazing app, so thoughtful 💕Some suggestions, 1. Can you please add the Arabic as well, as it would help the individual connect more with Quran 2. The Ayahs appear in the same sequence every time; it would be better if they appear in a more random order. Go”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Zainab Junaid<!-- --></span></div></div></div></div><div data-index="5" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width:12.5%"><div><div class="px-8 py-8 italic bg-primary/[.06] shadow rounded-lg cursor-grab active:cursor-grabbing" tabindex="-1" style="width:100%;display:inline-block"><p class="text-sm md:text-xl">“Absolutely love this app! It's perfect. Literally a way to talk Allah. 🥺 Thank you for this.”</p><div class="flex justify-between mt-4"><div class="react-stars-wrapper-" style="display:flex"><div tabindex="0" aria-label="add rating by typing an integer from 0 to 5 or pressing arrow keys" class="" style="overflow:hidden;position:relative"><style>
.react-stars-:before {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0; left: 0;
width: 50%;
content: attr(data-forhalf);
color: #ffd700;
}</style><p style="position:absolute;left:-200rem" role="status">0<!-- --></p></div></div><span class="text-right text-base md:text-2xl">- <!-- -->Mariam Jafri<!-- --></span></div></div></div></div></div></div></div></section></div></main><footer class="relative container px-4 mx-auto md:mb-16 overflow-hidden"><div class="flex w-full flex-col md:flex-row items-start md:items-center md:justify-between md:border-b pb-8 md:pb-4"><h3 class="md:hidden text-base md:text-xl border-b-2 border-black mb-2 pb-1 pr-4">QURANTALK</h3><ul class="grid md:grid-cols-3 mb-8 md:mb-0 gap-2 md:gap-6 text-xs"><li><a href="#">About us</a></li><li><a href="#section-download">Download</a></li><li><a href="#section-review">Testimonials</a></li></ul><h3 class="md:hidden text-base md:text-xl border-b-2 border-black mb-2 pb-1 pr-4">LEGAL</h3><ul class="md:hidden grid mb-8 gap-2 text-xs"><li><a href="#">Terms of Service</a></li><li><a href="#">Privacy Policy</a></li></ul><h3 class="md:hidden text-base border-b-2 border-black mb-4 pb-1 pr-4">FOLLOW US</h3></div><div class="md:hidden absolute bottom-0 right-0"><img src="/footer-image.svg" class="transform translate-x-20" alt="youtube" width="248" height="273"/></div><div class="hidden md:flex w-full justify-between pt-4 text-xs"><p class="text-gray-400">© 2022 QuranTalk. All rights reserved.</p><ul class="grid grid-cols-2 gap-6 justify-items-end"><li><a href="#">Terms of Service</a></li><li><a href="/privacy">Privacy Policy</a></li></ul></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"h7WayiUs41WTlPaMmK0ho","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>