Skip to content

Update landing per latest BrainUp presentation #2832

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
lifeart wants to merge 4 commits into
base: master
Choose a base branch
from
Draft

Update landing per latest BrainUp presentation #2832

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5752fa1
Update landing messaging and specialist content
lifeart Mar 4, 2026
bbaef05
Add MAX chat link for Russian users on landing
lifeart Apr 17, 2026
38e1e5e
Replace hero text cards with new illustration
lifeart Apr 17, 2026
df7d3c5
Replace hero image
lifeart Apr 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
86 changes: 57 additions & 29 deletions frontend/app/components/about-us/template.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,63 @@
<section class="bg-gradient-to-r from-blue-100 to-purple-100 sm:p-8 lg:p-16 p-4">
<h2 class="sm:text-4xl sm:mb-6 mb-4 text-2xl font-semibold text-center">
<section class="bg-gradient-to-r from-gray-100 to-blue-100 sm:p-8 lg:p-16 p-4">
<div class="max-w-screen-xl m-auto">
<h2 class="sm:text-4xl sm:mb-4 mb-4 text-2xl font-semibold text-center">
{{t "about_us.advantages"}}
</h2>
<div class="font-openSans sm:mb-16 mb-8 text-lg text-center text-gray-600">
{{t "about_us.train30"}}
</div>

{{t "about_us.advantages"}}
</h2>
<div class="font-openSans sm:mb-16 mb-8 text-lg text-center">
{{t "about_us.train30"}}
</div>
<div class="xl:flex max-w-screen-xl m-auto">
<div class="xl:mb-0 xl:flex-1 xl:mr-12 sm:p-8 lg:p-12 sm:mb-12 p-4 mb-4 bg-white rounded-lg">
<h4 class="mb-4 text-2xl font-semibold">
{{t "about_us.adv1.title"}}
</h4>
<div class="font-openSans">
{{t "about_us.adv1.content"}}
<div class="xl:grid-cols-3 grid gap-6">
<div class="sm:p-8 lg:p-10 p-5 bg-white rounded-lg shadow-lg">
<p
class="text-blue-light inline-flex px-3 py-1 text-xs font-bold tracking-wider uppercase bg-blue-100 rounded-full"
>
{{t "about_us.adv1.badge"}}
</p>
<h3 class="sm:text-3xl mt-4 text-2xl font-semibold text-gray-800">
{{t "about_us.adv1.title"}}
</h3>
<p class="font-openSans mt-4 text-base leading-relaxed text-gray-600">
{{t "about_us.adv1.content"}}
</p>
</div>
</div>
<div class="xl:mb-0 xl:flex-1 xl:mr-12 sm:p-8 lg:p-12 sm:mb-12 p-4 mb-4 bg-white rounded-lg">
<h4 class="mb-4 text-2xl font-semibold">
{{t "about_us.adv2.title"}}
</h4>
<div class="font-openSans">
{{t "about_us.adv2.content"}}

<div class="sm:p-8 lg:p-10 p-5 bg-white rounded-lg shadow-lg">
<p
class="inline-flex px-3 py-1 text-xs font-bold tracking-wider text-purple-500 uppercase bg-purple-100 rounded-full"
>
{{t "about_us.adv2.badge"}}
</p>
<h3 class="sm:text-3xl mt-4 text-2xl font-semibold text-gray-800">
{{t "about_us.adv2.title"}}
</h3>
<p class="font-openSans mt-4 text-base leading-relaxed text-gray-600">
{{t "about_us.adv2.content"}}
</p>
</div>
</div>
<div class="sm:p-8 lg:p-12 flex-1 p-4 bg-white rounded-lg">
<h4 class="mb-4 text-2xl font-semibold">
{{t "about_us.adv3.title"}}
</h4>
<div class="font-openSans">
{{t "about_us.adv3.content"}}

<div class="sm:p-8 lg:p-10 p-5 bg-white rounded-lg shadow-lg">
<p
class="inline-flex px-3 py-1 text-xs font-bold tracking-wider text-gray-700 uppercase bg-gray-200 rounded-full"
>
{{t "about_us.adv3.badge"}}
</p>
<h3 class="sm:text-3xl mt-4 text-2xl font-semibold text-gray-800">
{{t "about_us.adv3.title"}}
</h3>
<p class="font-openSans mt-4 text-base leading-relaxed text-gray-600">
{{t "about_us.adv3.content"}}
</p>
</div>
</div>

<div class="mt-10 text-center">
<LinkTo
@route="registration"
class="hover:bg-indigo-700 inline-flex items-center justify-center px-8 py-4 text-lg font-semibold text-white transition-colors bg-indigo-600 rounded-full"
>
{{t "about_us.cta"}}
</LinkTo>
</div>
</div>
</section>
</section>
162 changes: 54 additions & 108 deletions frontend/app/templates/description/developers.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<section class="space-y-5">
<h1 class="text-3xl font-semibold">
{{t "description.dev.header" htmlSafe=true}}
{{t "description.dev.header"}}
</h1>
<p class="font-openSans font-semibold">
{{t "description.dev.intro"}}
Expand All @@ -9,129 +9,96 @@

<hr class="my-10" />

<section class="space-y-5" aria-labelledby="whatIsDoneHeader">
<h2 id="whatIsDoneHeader" class="text-2xl font-semibold">
{{t "description.dev.done.header"}}
<section class="space-y-5" aria-labelledby="evidenceHeader">
<h2 id="evidenceHeader" class="text-2xl font-semibold">
{{t "description.dev.evidence.header"}}
</h2>
<p class="font-openSans">
{{t "description.dev.done.text"}}
{{t "description.dev.evidence.intro"}}
</p>
<h3 class="text-xl font-semibold">
{{t "description.dev.done.features_header"}}
</h3>
<ul class="font-openSans space-y-3 list-disc list-inside">
{{#each (array 0 1 2 3 4) as |i|}}
<li>
{{t (concat "description.dev.done.features." i)}}
</li>
{{/each}}
</ul>
</section>

<hr class="my-10" />

<section class="space-y-5" aria-labelledby="usersHeader">
<h2 id="usersHeader" class="text-2xl font-semibold">
{{t "description.dev.target_users.header"}}
</h2>
<ol class="font-openSans space-y-3 list-decimal list-inside">
{{#each (array 0 1 2) as |i|}}
<li>
{{t (concat "description.dev.target_users." i)}}
{{t (concat "description.dev.evidence." i)}}
</li>
{{/each}}
</ol>
</ul>
</section>

<hr class="my-10" />

<section class="space-y-5" aria-labelledby="uniquenessHeader">
<h2 id="uniquenessHeader" class="text-2xl font-semibold">
{{t "description.dev.uniqueness.header"}}
<section class="space-y-5" aria-labelledby="audienceHeader">
<h2 id="audienceHeader" class="text-2xl font-semibold">
{{t "description.dev.audience.header"}}
</h2>
<ul class="font-openSans space-y-3 list-disc list-inside">
{{#each (array 0 1 2 3) as |i|}}
{{#each (array 0 1 2) as |i|}}
<li>
{{t (concat "description.dev.uniqueness." i)}}
{{t (concat "description.dev.audience." i)}}
</li>
{{/each}}
</ul>
</section>

<hr class="my-10" />

<section class="space-y-5" aria-labelledby="growthHeader">
<h2 id="growthHeader" class="text-2xl font-semibold">
{{t "description.dev.growth.header"}}
<section class="space-y-5" aria-labelledby="routineHeader">
<h2 id="routineHeader" class="text-2xl font-semibold">
{{t "description.dev.routine.header"}}
</h2>
<p class="font-openSans">
{{t "description.dev.growth.intro"}}
{{t "description.dev.routine.intro"}}
</p>
<ul class="font-openSans space-y-3 list-disc list-inside">
{{#each (array 0 1 2 3) as |i|}}
<li>
{{t (concat "description.dev.growth.tasks." i)}}
</li>
{{/each}}
</ul>
</section>

<hr class="my-10" />

<section class="space-y-5" aria-labelledby="volunteersHeader">
<h2 id="volunteersHeader" class="text-2xl font-semibold">
{{t "description.dev.volunteers.header"}}
</h2>
<ul class="font-openSans space-y-3 list-disc list-inside">
{{#each (array 0 1 2 3 4 5) as |i|}}
{{#each (array 0 1 2) as |i|}}
<li>
{{t (concat "description.dev.volunteers." i)}}
{{t (concat "description.dev.routine." i)}}
</li>
{{/each}}
</ul>
</section>

<hr class="my-10" />

<section class="space-y-5" aria-labelledby="benefitsHeader">
<h2 id="benefitsHeader" class="text-2xl font-semibold">
{{t "description.dev.benefits.header"}}
<section class="space-y-5" aria-labelledby="expertsHeader">
<h2 id="expertsHeader" class="text-2xl font-semibold">
{{t "description.dev.experts.header"}}
</h2>
<ul class="font-openSans space-y-3 list-disc list-inside">
{{#each (array 0 1 2) as |i|}}
<li>
{{t (concat "description.dev.benefits." i)}}
<p class="font-openSans">
{{t "description.dev.experts.intro"}}
</p>
<ul class="lg:grid-cols-2 grid gap-6">
{{#each this.persons.doctors as |doctor|}}
<li
class="sm:p-6 flex items-start p-4 bg-gray-100 border border-gray-200 rounded-lg"
>
<img
src={{doctor.img}}
alt={{doctor.name}}
class="w-20 h-20 mr-4 rounded-full"
/>
<div>
<h3 class="text-lg font-semibold text-gray-800">
{{doctor.name}}
</h3>
<p class="font-openSans mt-2 text-sm leading-relaxed text-gray-600">
{{doctor.bio}}
</p>
</div>
</li>
{{/each}}
</ul>
</section>

<hr class="my-10" />

<section
class="space-y-5" role="contentinfo"
aria-labelledby="teamHeader"
>
<h2 id="teamHeader" class="text-2xl font-semibold">
{{t "description.team.header"}}
<section class="space-y-5" aria-labelledby="noteHeader">
<h2 id="noteHeader" class="text-2xl font-semibold">
{{t "description.dev.note.header"}}
</h2>

<section class="font-openSans">
<p class="mb-10">
{{t "description.team.thanks_words"}}
</p>

<ul class="sm:p-10 flex flex-wrap justify-between p-4 -mx-4 bg-gray-100">
{{#each this.persons.teamMembers as |teamMember i|}}
<li class="w-24 h-24 m-2 my-4 overflow-hidden rounded-full">
<img
src={{teamMember.img}}
alt={{t "description.team.image_alt" i=i}}
/>
</li>
{{/each}}
</ul>
</section>
<p class="font-openSans">
{{t "description.dev.note.text"}}
</p>
</section>

<hr class="my-10" />
Expand All @@ -152,23 +119,15 @@
</a>
</li>
<li>
{{t "description.dev.cta.1"}}
</li>
<li>
{{t "description.dev.cta.2"}}
</li>
<li>
{{t "description.dev.cta.3"}}
<a
href="https://github.com/Brain-up/brn"
target="_blank"
rel="noopener noreferrer" class="hover:no-underline text-blue-light underline"
<LinkTo
@route="specialists"
class="hover:no-underline text-blue-light underline"
>
https://github.com/Brain-up/brn
</a>
{{t "description.dev.cta.1"}}
</LinkTo>
</li>
<li>
{{t "description.dev.cta.4"}}
{{t "description.dev.cta.2"}}
<a
href="https://t.me/ElenaBrainUp"
target="_blank"
Expand All @@ -179,16 +138,3 @@
</li>
</ol>
</section>

<hr class="my-10" />

<section>
<p class="my-10 text-2xl font-semibold text-center">
{{t "description.dev.closing"}}
</p>
<p class="font-openSans text-center">
{{t "description.dev.signature"}}
</p>
</section>

<hr class="my-10" />
Loading