Skip to content

Conversation

Ajmaljalal
Copy link
Contributor

@Ajmaljalal Ajmaljalal commented Oct 5, 2025

Welcome Page Redesign

  • Redesigned the welcome page with a modern, clean interface featuring:
  • Enhanced Visual Hierarchy: LinearGradient background with improved spacing and typography using Exo2 font family
  • Structured Content Layout: Centered design with logo, tagline, and feature highlights in a card-based layout
  • Improved CTAs: Three distinct action buttons (Create Account, Log-in, Guest access) with clear visual distinction
  • Feature Showcase: Added feature rows highlighting key benefits (source-based guidance, chat saving, quick registration)
Screenshot 2025-10-04 at 11 09 30 PM Screenshot 2025-10-04 at 10 48 00 PM

@Ajmaljalal Ajmaljalal changed the title Welcome Page Design Redesign Welcome Page Redesign Oct 5, 2025
@Ajmaljalal
Copy link
Contributor Author

The background patterns image is a placeholder and needs to be changed. Will change that once I receive the original one.
We would postpone merging this PR till then.

app.json Outdated
"orientation": "portrait",
"newArchEnabled": true,
"icon": "./src/assets/images/icon.png",
"assetBundlePatterns": [
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

expoBundlePatterns is deprecated, please elaborate.

expo/expo#26962

@@ -1,4 +1,5 @@
import RootImageBackground from '@/components/RootImageBackground'
Copy link
Collaborator

@amrmelsayed amrmelsayed Oct 6, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

RootImageBackground has two platform specific implementations, a web version and native version (.tsx, .web.tsx), and they are getting replaced with a single version, was this done on purpose?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The RootImageBackground.web.tsx is there but seems to be not used at all in any place.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Ajmaljalal that's a platform specific extension, have a look here https://docs.expo.dev/router/advanced/platform-specific-modules/

fill: '#08786B'
}

switch (name) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you use tailwind centralized color vars instead of hardcoding them?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why do we need this file/folder?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

removed, not needed for now. we can add when we need it, does not have to be before hand.

orange: '#F29B00',
black: '#020202',
},
fontFamily: {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Have you discussed the introduction of all these fonts with @waleedkadous?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I removed the other fonts, the only one left is Exo2, which is the font used in the new design of the welcome page. @waleedkadous what are your thoughts?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The current app background is greyish, is the whole app switching to the light background theme? How do the other pages look at the moment including the actual login and account registration pages?

Copy link
Contributor Author

@Ajmaljalal Ajmaljalal Oct 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That is true, the current design change is only for the welcome page and all other pages including the login and the registration pages looks exactly as before. I am not 100% sure if we want to implement this. It introduces inconsistencies to the general theme of the app.

@Ajmaljalal Ajmaljalal requested a review from amrmelsayed October 7, 2025 04:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants