bender/091006c8-e803-409c-a951-4d48121fd043
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-14 21:16:22 +00:00
parent db5ccb7875
commit a3baa9dd33
1 changed files with 32 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Learn",
id: "about",
},
name: "Learn", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Questions",
id: "faq",
},
name: "Questions", id: "faq"},
]}
brandName="Al-Quran"
/>
@@ -56,15 +48,11 @@ export default function LandingPage() {
description="Your comprehensive digital gateway to the Holy Quran, Tafsir, and essential Islamic knowledge. A peaceful learning experience for every Muslim."
buttons={[
{
text: "Begin Journey",
href: "#about",
},
text: "Begin Journey", href: "#about"},
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/bible-black-background-religion-concept_169016-62918.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/bible-black-background-religion-concept_169016-62918.jpg"
imageAlt="The Holy Quran"
/>
</div>
@@ -77,7 +65,7 @@ export default function LandingPage() {
description="We believe every Muslim should have seamless access to the word of Allah. Our platform connects you with authentic resources to study, read, and understand the Holy Quran deeply."
subdescription="From beginner Tajweed tutorials to advanced Tafsir interpretation, we provide the tools you need to build a consistent and meaningful relationship with the Quran."
icon={BookOpen}
imageSrc="http://img.b2bpic.net/free-photo/ramadan-concept-with-quran-dates_23-2147791795.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/ramadan-concept-with-quran-dates_23-2147791795.jpg"
mediaAnimation="slide-up"
imageAlt="Studying quran student"
/>
@@ -90,67 +78,43 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interactive Recitation",
description: "Follow along with expert reciters and master the beautiful art of Tajweed.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/collage-landscapes-composition_23-2150241044.jpg",
imageAlt: "Minimalist abstract background",
},
title: "Interactive Recitation", description: "Follow along with expert reciters and master the beautiful art of Tajweed.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/collage-landscapes-composition_23-2150241044.jpg", imageAlt: "Minimalist abstract background"},
items: [
{
icon: Mic,
text: "Audio guides for every Surah",
},
text: "Audio guides for every Surah"},
{
icon: Settings,
text: "Variable playback speeds",
},
text: "Variable playback speeds"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/bible-black-background-religion-concept_169016-62918.jpg?_wi=2",
imageAlt: "minimalist abstract background",
},
{
title: "In-Depth Tafsir",
description: "Understand the context, meaning, and historical significance of every Ayah.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/decorative-blue-floral-pattern-background_1035-25571.jpg",
imageAlt: "Minimalist abstract background",
},
title: "In-Depth Tafsir", description: "Understand the context, meaning, and historical significance of every Ayah.", media: {
imageSrc: "http://img.b2bpic.net/free-vector/decorative-blue-floral-pattern-background_1035-25571.jpg", imageAlt: "Minimalist abstract background"},
items: [
{
icon: Book,
text: "Historical context analysis",
},
text: "Historical context analysis"},
{
icon: PenTool,
text: "Clear, accessible explanations",
},
text: "Clear, accessible explanations"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-concept-with-quran-dates_23-2147791795.jpg?_wi=2",
imageAlt: "minimalist abstract background",
},
{
title: "Daily Reminders",
description: "Stay connected with daily verses and spiritual prompts that keep you centered.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785889.jpg",
imageAlt: "Minimalist abstract background",
},
title: "Daily Reminders", description: "Stay connected with daily verses and spiritual prompts that keep you centered.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785889.jpg", imageAlt: "Minimalist abstract background"},
items: [
{
icon: Bell,
text: "Customizable prayer/verse times",
},
text: "Customizable prayer/verse times"},
{
icon: Cloud,
text: "Verses to carry with you daily",
},
text: "Verses to carry with you daily"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-quran-book_23-2151112587.jpg",
imageAlt: "minimalist abstract background",
},
]}
title="Core Learning Pillars"
@@ -164,25 +128,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is the content suitable for beginners?",
content: "Absolutely. Our platform is structured to support everyone from absolute beginners to advanced students of the Quran.",
},
id: "1", title: "Is the content suitable for beginners?", content: "Absolutely. Our platform is structured to support everyone from absolute beginners to advanced students of the Quran."},
{
id: "2",
title: "Do I need to sign up for full access?",
content: "While reading is open to all, signing up allows you to track progress, bookmark verses, and receive personalized learning paths.",
},
id: "2", title: "Do I need to sign up for full access?", content: "While reading is open to all, signing up allows you to track progress, bookmark verses, and receive personalized learning paths."},
{
id: "3",
title: "Are there Tajweed lessons?",
content: "Yes, we provide structured Tajweed modules that help you perfect your pronunciation and recitation style.",
},
id: "3", title: "Are there Tajweed lessons?", content: "Yes, we provide structured Tajweed modules that help you perfect your pronunciation and recitation style."},
{
id: "4",
title: "Can I access this offline?",
content: "Our mobile app allows you to download your favorite Surahs and Tafsir notes for offline access during travel.",
},
id: "4", title: "Can I access this offline?", content: "Our mobile app allows you to download your favorite Surahs and Tafsir notes for offline access during travel."},
]}
title="Common Questions"
description="Guidance on how to use our platform and start your Quranic studies."
@@ -194,16 +146,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Stay Connected"
title="Begin Your Spiritual Journey"
description="Join our growing community today and take your first step toward deeper Quranic understanding."
buttons={[
{
text: "Sign Up Free",
href: "#",
},
text: "Sign Up Free", href: "#"},
]}
/>
</div>
@@ -214,33 +163,21 @@ export default function LandingPage() {
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
{
items: [
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Code of Conduct",
href: "#",
},
label: "Code of Conduct", href: "#"},
],
},
]}