Skip to content

Commit

Permalink
Add image
Browse files Browse the repository at this point in the history
  • Loading branch information
osamasayed committed Jan 27, 2025
1 parent 13a40b0 commit 6df776b
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 2 deletions.
Binary file added public/images/ayah-level-settings.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/pages/ramadan-activities/RamadanActivities.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,3 +18,8 @@
}
min-height: calc(5 * var(--spacing-mega));
}

.ayahLevelSettings {
display: flex;
align-items: center;
}
9 changes: 7 additions & 2 deletions src/pages/ramadan-activities/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
/* eslint-disable jsx-a11y/control-has-associated-label */
import classNames from 'classnames';
import { NextPage } from 'next';
import Image from 'next/image';
import useTranslation from 'next-translate/useTranslation';

import NextSeoWrapper from '@/components/NextSeoWrapper';
Expand All @@ -14,6 +15,7 @@ import Button, { ButtonVariant } from '@/dls/Button/Button';
import { getPreparingForRamadanOgImageUrl } from '@/lib/og';
import styles from '@/pages/contentPage.module.scss';
import pageStyles from '@/pages/ramadan-activities/RamadanActivities.module.scss';
import AyahLevelSettings from '@/public/images/ayah-level-settings.jpeg';
import { makeDonatePageUrl, makeDonateUrl } from '@/utils/apiPaths';
import { logButtonClick } from '@/utils/eventLogger';
import { getLanguageAlternates } from '@/utils/locale';
Expand Down Expand Up @@ -257,8 +259,11 @@ const PreparingForRamadanPage: NextPage = (): JSX.Element => {
Discover additional features on Quran.com to make your Ramadan journey more enriching.
You can take personalized notes at the ayah level to capture your reflections and
thoughts, read tafsir (commentary) to deepen your understanding of the Quran, and
explore reflections shared by others for inspiration. Check at the ayah-level for
these additional features.
explore reflections shared by others for inspiration.
</div>
<div className={pageStyles.ayahLevelSettings}>
<Image src={AyahLevelSettings} height={38} width={120} alt="Ayah Level Settings" />
<div>Check at the ayah-level for these additional features.</div>
</div>
<div>
With more features like bookmarking, audio recitations, and a powerful search tool, we
Expand Down

0 comments on commit 6df776b

Please sign in to comment.