From e19f5643765e8e572b01ddb0cae308d78896c62c Mon Sep 17 00:00:00 2001
From: Pierre Slamich <pierre@openfoodfacts.org>
Date: Tue, 12 Sep 2023 10:58:04 +0200
Subject: [PATCH] chore: New Crowdin translations to review and merge (#465)

* New translations open-food-facts-mobile-app.html (Portuguese)

* New translations open-food-facts-mobile-app.html (Russian)

* New translations open-food-facts-mobile-app.html (Slovak)

* New translations open-food-facts-mobile-app.html (Slovenian)

* New translations open-food-facts-mobile-app.html (Albanian)

* New translations open-food-facts-mobile-app.html (Serbian (Cyrillic))

* New translations open-food-facts-mobile-app.html (Swati)

* New translations open-food-facts-mobile-app.html (Southern Sotho)

* New translations open-food-facts-mobile-app.html (Swedish)

* New translations open-food-facts-mobile-app.html (Tswana)

* New translations open-food-facts-mobile-app.html (Turkish)

* New translations open-food-facts-mobile-app.html (Tsonga)

* New translations open-food-facts-mobile-app.html (Ukrainian)

* New translations open-food-facts-mobile-app.html (Venda)

* New translations open-food-facts-mobile-app.html (Xhosa)

* New translations open-food-facts-mobile-app.html (Chinese Simplified)

* New translations open-food-facts-mobile-app.html (Chinese Traditional)

* New translations open-food-facts-mobile-app.html (Zulu)

* New translations open-food-facts-mobile-app.html (English)

* New translations open-food-facts-mobile-app.html (Vietnamese)

* New translations open-food-facts-mobile-app.html (Galician)

* New translations open-food-facts-mobile-app.html (Icelandic)

* New translations open-food-facts-mobile-app.html (Portuguese, Brazilian)

* New translations open-food-facts-mobile-app.html (Indonesian)

* New translations open-food-facts-mobile-app.html (Persian)

* New translations open-food-facts-mobile-app.html (Khmer)

* New translations open-food-facts-mobile-app.html (Tamil)

* New translations open-food-facts-mobile-app.html (Bengali)

* New translations open-food-facts-mobile-app.html (Marathi)

* New translations open-food-facts-mobile-app.html (Thai)

* New translations open-food-facts-mobile-app.html (Croatian)

* New translations open-food-facts-mobile-app.html (Norwegian Nynorsk)

* New translations open-food-facts-mobile-app.html (Kazakh)

* New translations open-food-facts-mobile-app.html (Estonian)

* New translations open-food-facts-mobile-app.html (Latvian)

* New translations open-food-facts-mobile-app.html (Azerbaijani)

* New translations open-food-facts-mobile-app.html (Hindi)

* New translations open-food-facts-mobile-app.html (Kyrgyz)

* New translations open-food-facts-mobile-app.html (Malay)

* New translations open-food-facts-mobile-app.html (Maori)

* New translations open-food-facts-mobile-app.html (Telugu)

* New translations open-food-facts-mobile-app.html (English, Australia)

* New translations open-food-facts-mobile-app.html (English, United Kingdom)

* New translations open-food-facts-mobile-app.html (Tagalog)

* New translations open-food-facts-mobile-app.html (Burmese)

* New translations open-food-facts-mobile-app.html (Yiddish)

* New translations open-food-facts-mobile-app.html (Maltese)

* New translations open-food-facts-mobile-app.html (Welsh)

* New translations open-food-facts-mobile-app.html (Faroese)

* New translations open-food-facts-mobile-app.html (Esperanto)

* New translations open-food-facts-mobile-app.html (Uyghur)

* New translations open-food-facts-mobile-app.html (Filipino)

* New translations open-food-facts-mobile-app.html (Luxembourgish)

* New translations open-food-facts-mobile-app.html (Chinese Traditional, Hong Kong)

* New translations open-food-facts-mobile-app.html (Tatar)

* New translations open-food-facts-mobile-app.html (Malayalam)

* New translations open-food-facts-mobile-app.html (Breton)

* New translations open-food-facts-mobile-app.html (Romansh)

* New translations open-food-facts-mobile-app.html (Tibetan)

* New translations open-food-facts-mobile-app.html (Latin)

* New translations open-food-facts-mobile-app.html (Flemish)

* New translations open-food-facts-mobile-app.html (Bosnian)

* New translations open-food-facts-mobile-app.html (Sinhala)

* New translations open-food-facts-mobile-app.html (Cornish)

* New translations open-food-facts-mobile-app.html (Uzbek)

* New translations open-food-facts-mobile-app.html (Kannada)

* New translations open-food-facts-mobile-app.html (Akan)

* New translations open-food-facts-mobile-app.html (Songhay)

* New translations open-food-facts-mobile-app.html (Assamese)

* New translations open-food-facts-mobile-app.html (Scottish Gaelic)

* New translations open-food-facts-mobile-app.html (Wolof)

* New translations open-food-facts-mobile-app.html (Southern Ndebele)

* New translations open-food-facts-mobile-app.html (Walloon)

* New translations open-food-facts-mobile-app.html (Asturian)

* New translations open-food-facts-mobile-app.html (Malagasy)

* New translations open-food-facts-mobile-app.html (Acholi)

* New translations open-food-facts-mobile-app.html (Swahili)

* New translations open-food-facts-mobile-app.html (Odia)

* New translations open-food-facts-mobile-app.html (Norwegian Bokmal)

* New translations open-food-facts-mobile-app.html (Occitan)

* New translations open-food-facts-mobile-app.html (Valencian)

* New translations open-food-facts-mobile-app.html (Serbian (Latin))

* New translations open-food-facts-mobile-app.html (Amharic)

* New translations open-food-facts-mobile-app.html (Nepali)

* New translations open-food-facts-mobile-app.html (Montenegrin (Cyrillic))

* New translations open-food-facts-mobile-app.html (Dutch, Belgium)

* New translations open-food-facts-mobile-app.html (Tahitian)

* New translations open-food-facts-mobile-app.html (Hausa)

* New translations open-food-facts-mobile-app.html (Chuvash)

* New translations open-food-facts-mobile-app.html (Berber)

* New translations open-food-facts-mobile-app.html (Scots)

* New translations open-food-facts-mobile-app.html (Tajik)

* New translations open-food-facts-mobile-app.html (Lao)

* New translations open-food-facts-mobile-app.html (Quechua)

* New translations open-food-facts-mobile-app.html (Somali)

* New translations open-food-facts-mobile-app.html (Yoruba)

* New translations open-food-facts-mobile-app.html (Afar)

* New translations open-food-facts-mobile-app.html (Bambara)

* New translations open-food-facts-mobile-app.html (Chechen)

* New translations open-food-facts-mobile-app.html (Cherokee)

* New translations open-food-facts-mobile-app.html (Corsican)

* New translations open-food-facts-mobile-app.html (Haitian Creole)

* New translations open-food-facts-mobile-app.html (Sichuan Yi)

* New translations open-food-facts-mobile-app.html (Inuktitut)

* New translations open-food-facts-mobile-app.html (Javanese)

* New translations open-food-facts-mobile-app.html (Santali)

* New translations open-food-facts-mobile-app.html (Sardinian)

* New translations open-food-facts-mobile-app.html (Sindhi)

* New translations open-food-facts-mobile-app.html (Sango)

* New translations open-food-facts-mobile-app.html (Shona)

* New translations open-food-facts-mobile-app.html (Tigrinya)

* New translations open-food-facts-mobile-app.html (Sanskrit)

* New translations open-food-facts-mobile-app.html (Seychellois Creole)

* New translations open-food-facts-mobile-app.html (Venetian)

* New translations open-food-facts-mobile-app.html (Southern Sami)

* New translations open-food-facts-mobile-app.html (Akan, Twi)

* New translations open-food-facts-mobile-app.html (Talossan)

* New translations open-food-facts-mobile-app.html (Zeelandic)

* New translations open-food-facts-mobile-app.html (Kabyle)

* New translations open-food-facts-mobile-app.html (Urdu (India))

* New translations help-complete-products.html (Greek)

* New translations open-products-facts-mobile-app.html (Romanian)

* New translations open-products-facts-mobile-app.html (French)

* New translations open-products-facts-mobile-app.html (Spanish)

* New translations open-products-facts-mobile-app.html (Bulgarian)

* New translations open-products-facts-mobile-app.html (Danish)

* New translations open-products-facts-mobile-app.html (German)

* New translations open-products-facts-mobile-app.html (Greek)

* New translations open-products-facts-mobile-app.html (Finnish)

* New translations open-products-facts-mobile-app.html (Hebrew)

* New translations open-products-facts-mobile-app.html (Hungarian)

* New translations open-products-facts-mobile-app.html (Italian)

* New translations open-products-facts-mobile-app.html (Japanese)

* New translations open-products-facts-mobile-app.html (Korean)

* New translations open-products-facts-mobile-app.html (Lithuanian)

* New translations open-products-facts-mobile-app.html (Dutch)

* New translations open-products-facts-mobile-app.html (Polish)

* New translations open-products-facts-mobile-app.html (Portuguese)

* New translations open-products-facts-mobile-app.html (Russian)

* New translations open-products-facts-mobile-app.html (Swedish)

* New translations open-products-facts-mobile-app.html (Ukrainian)

* New translations open-products-facts-mobile-app.html (Chinese Simplified)

* New translations open-products-facts-mobile-app.html (Vietnamese)

* New translations open-products-facts-mobile-app.html (Portuguese, Brazilian)

* New translations open-products-facts-mobile-app.html (Thai)

* New translations open-products-facts-mobile-app.html (Croatian)

* New translations open-products-facts-mobile-app.html (Chinese Traditional, Hong Kong)

* New translations open-pet-food-facts-mobile-app.html (Romanian)

* New translations open-pet-food-facts-mobile-app.html (French)

* New translations open-pet-food-facts-mobile-app.html (Spanish)

* New translations open-pet-food-facts-mobile-app.html (Bulgarian)

* New translations open-pet-food-facts-mobile-app.html (Danish)

* New translations open-pet-food-facts-mobile-app.html (German)

* New translations open-pet-food-facts-mobile-app.html (Greek)

* New translations open-pet-food-facts-mobile-app.html (Finnish)

* New translations open-pet-food-facts-mobile-app.html (Hebrew)

* New translations open-pet-food-facts-mobile-app.html (Hungarian)

* New translations open-pet-food-facts-mobile-app.html (Italian)

* New translations open-pet-food-facts-mobile-app.html (Japanese)

* New translations open-pet-food-facts-mobile-app.html (Korean)

* New translations open-pet-food-facts-mobile-app.html (Lithuanian)

* New translations open-pet-food-facts-mobile-app.html (Dutch)

* New translations open-pet-food-facts-mobile-app.html (Polish)

* New translations open-pet-food-facts-mobile-app.html (Portuguese)

* New translations open-pet-food-facts-mobile-app.html (Russian)

* New translations open-pet-food-facts-mobile-app.html (Swedish)

* New translations open-pet-food-facts-mobile-app.html (Ukrainian)

* New translations open-pet-food-facts-mobile-app.html (Chinese Simplified)

* New translations open-pet-food-facts-mobile-app.html (Vietnamese)

* New translations open-pet-food-facts-mobile-app.html (Portuguese, Brazilian)

* New translations open-pet-food-facts-mobile-app.html (Thai)

* New translations open-pet-food-facts-mobile-app.html (Croatian)

* New translations open-pet-food-facts-mobile-app.html (Chinese Traditional, Hong Kong)

* New translations mobile-app-promo-nutriscore.html (Romanian)

* New translations mobile-app-promo-nutriscore.html (French)

* New translations mobile-app-promo-nutriscore.html (Spanish)

* New translations mobile-app-promo-nutriscore.html (Bulgarian)

* New translations mobile-app-promo-nutriscore.html (Danish)

* New translations mobile-app-promo-nutriscore.html (German)

* New translations mobile-app-promo-nutriscore.html (Greek)

* New translations mobile-app-promo-nutriscore.html (Finnish)

* New translations mobile-app-promo-nutriscore.html (Hebrew)

* New translations mobile-app-promo-nutriscore.html (Hungarian)

* New translations mobile-app-promo-nutriscore.html (Italian)

* New translations mobile-app-promo-nutriscore.html (Japanese)

* New translations mobile-app-promo-nutriscore.html (Korean)

* New translations mobile-app-promo-nutriscore.html (Lithuanian)

* New translations mobile-app-promo-nutriscore.html (Dutch)

* New translations mobile-app-promo-nutriscore.html (Polish)

* New translations mobile-app-promo-nutriscore.html (Portuguese)

* New translations mobile-app-promo-nutriscore.html (Russian)

* New translations mobile-app-promo-nutriscore.html (Swedish)

* New translations mobile-app-promo-nutriscore.html (Ukrainian)

* New translations mobile-app-promo-nutriscore.html (Chinese Simplified)

* New translations mobile-app-promo-nutriscore.html (Vietnamese)

* New translations mobile-app-promo-nutriscore.html (Portuguese, Brazilian)

* New translations mobile-app-promo-nutriscore.html (Thai)

* New translations mobile-app-promo-nutriscore.html (Croatian)

* New translations mobile-app-promo-nutriscore.html (Chinese Traditional, Hong Kong)

* New translations mobile-app-promo-processing.html (Romanian)

* New translations mobile-app-promo-processing.html (French)

* New translations mobile-app-promo-processing.html (Spanish)

* New translations mobile-app-promo-processing.html (Bulgarian)

* New translations mobile-app-promo-processing.html (Danish)

* New translations mobile-app-promo-processing.html (German)

* New translations mobile-app-promo-processing.html (Greek)

* New translations mobile-app-promo-processing.html (Finnish)

* New translations mobile-app-promo-processing.html (Hebrew)

* New translations mobile-app-promo-processing.html (Hungarian)

* New translations mobile-app-promo-processing.html (Italian)

* New translations mobile-app-promo-processing.html (Japanese)

* New translations mobile-app-promo-processing.html (Korean)

* New translations mobile-app-promo-processing.html (Lithuanian)

* New translations mobile-app-promo-processing.html (Dutch)

* New translations mobile-app-promo-processing.html (Polish)

* New translations mobile-app-promo-processing.html (Portuguese)

* New translations mobile-app-promo-processing.html (Russian)

* New translations mobile-app-promo-processing.html (Swedish)

* New translations mobile-app-promo-processing.html (Ukrainian)

* New translations mobile-app-promo-processing.html (Chinese Simplified)

* New translations mobile-app-promo-processing.html (Vietnamese)

* New translations mobile-app-promo-processing.html (Portuguese, Brazilian)

* New translations mobile-app-promo-processing.html (Thai)

* New translations mobile-app-promo-processing.html (Croatian)

* New translations mobile-app-promo-processing.html (Chinese Traditional, Hong Kong)

* New translations open-food-facts-mobile-app.html (LOLCAT)

* Update source file open-food-facts-mobile-app.html

* New translations open-food-facts-mobile-app.html (Spanish)

* New translations open-food-facts-mobile-app.html (German)

* New translations open-food-facts-mobile-app.html (Ukrainian)

* New translations open-food-facts-mobile-app.html (Portuguese, Brazilian)

* New translations open-food-facts-mobile-app.html (Italian)

* New translations press.html (Dutch)

* New translations open-food-facts-mobile-app.html (Hebrew)

* New translations open-food-facts-mobile-app.html (Dutch)

* New translations open-food-facts-mobile-app.html (Dutch, Belgium)

* New translations nutriscore.html (Dutch)

* New translations sendinblue.html (Dutch)

* New translations keyfacts.html (Dutch)

* New translations contribute.html (Dutch)

* New translations forest-footprint-of-food-products.html (Dutch)

* New translations open-food-facts-mobile-app.html (Indonesian)

* New translations open-food-facts-mobile-app.html (Indonesian)

* New translations open-food-facts-mobile-app.html (Tamil)

* New translations index.html (Polish)

* New translations open-food-facts-mobile-app.html (Tamil)

* New translations index.html (Polish)

* New translations keyfacts.html (Polish)

* New translations index-pro.html (Polish)

* New translations user_welcome.html (Polish)
---
 lang/aa/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../ach/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/af/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ak/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/am/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ar/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/as/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../ast/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/az/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/be/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../ber/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/bg/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/bm/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/bn/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/bo/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/br/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/bs/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ca/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ce/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../chr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/co/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../crs/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 ...environmental-impact-of-food-products.html |   2 +-
 lang/cs/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/cv/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/cy/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/da/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/de/texts/open-food-facts-mobile-app.html | 313 +++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/el/texts/help-complete-products.html     |  20 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/el/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 lang/eo/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/es/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/et/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/eu/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/fa/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/fi/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../fil/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/fo/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/fr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/ga/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/gd/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/gl/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/gu/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ha/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/he/texts/open-food-facts-mobile-app.html | 320 +++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/hi/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/hr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/ht/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/hu/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/hy/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/id/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ii/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/is/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/it/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/iu/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/ja/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/jv/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ka/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../kab/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/kk/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/km/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 lang/kn/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/ko/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/kw/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ky/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/la/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/lb/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/lo/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../lol/texts/open-food-facts-mobile-app.html | 312 +++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/lt/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/lv/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/mg/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/mi/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ml/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/mn/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/mr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ms/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/mt/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/my/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/nb/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ne/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../forest-footprint-of-food-products.html    |   2 +-
 lang/nl/texts/keyfacts.html                   |  78 +++--
 lang/nl/texts/nutriscore.html                 |   8 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/nl/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/nl/texts/press.html                      |   2 +-
 .../mobile-app-promo-processing.html          |   2 +-
 lang/nl/texts/sendinblue.html                 |  15 +-
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 lang/nn/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/no/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/nr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/obf/nl/texts/contribute.html             |   2 +-
 lang/oc/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-products-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 lang/opff/en/texts/data.html                  |   4 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 .../texts/open-pet-food-facts-mobile-app.html |   2 +-
 lang/or/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/pa/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/pl/emails/user_welcome.html              |   2 +-
 lang/pl/texts/index-pro.html                  |  32 +-
 lang/pl/texts/index.html                      |  16 +-
 lang/pl/texts/keyfacts.html                   |  90 ++---
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/pl/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 .../texts/open-food-facts-mobile-app.html     | 320 +++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/qu/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/rm/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/ro/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/ru/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/sa/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../sat/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sc/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../sco/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sd/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sg/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/si/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sk/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sl/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../sma/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sn/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/so/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../son/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sq/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/sr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 lang/ss/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/st/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/sv/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/sw/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ta/texts/open-food-facts-mobile-app.html | 313 +++++++++++------
 lang/te/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/tg/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/th/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/ti/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/tl/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/tn/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/tr/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ts/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/tt/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/tw/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ty/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../tzl/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ug/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/uk/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 lang/ur/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/uz/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../val/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/ve/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../vec/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 lang/vi/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../vls/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/wa/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/wo/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/xh/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/yi/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 lang/yo/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../zea/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 .../mobile-app-promo-nutriscore.html          |   2 +-
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../mobile-app-promo-nutriscore.html          |   2 +-
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 .../mobile-app-promo-processing.html          |   2 +-
 .../texts/open-food-facts-mobile-app.html     | 321 ++++++++++++------
 lang/zu/texts/open-food-facts-mobile-app.html | 321 ++++++++++++------
 267 files changed, 31721 insertions(+), 16883 deletions(-)

diff --git a/lang/aa/texts/open-food-facts-mobile-app.html b/lang/aa/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/aa/texts/open-food-facts-mobile-app.html
+++ b/lang/aa/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ach/texts/open-food-facts-mobile-app.html b/lang/ach/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/ach/texts/open-food-facts-mobile-app.html
+++ b/lang/ach/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/af/texts/open-food-facts-mobile-app.html b/lang/af/texts/open-food-facts-mobile-app.html
index db5a4842ffe7..545a75c7c087 100644
--- a/lang/af/texts/open-food-facts-mobile-app.html
+++ b/lang/af/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/af_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ak/texts/open-food-facts-mobile-app.html b/lang/ak/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/ak/texts/open-food-facts-mobile-app.html
+++ b/lang/ak/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/am/texts/open-food-facts-mobile-app.html b/lang/am/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/am/texts/open-food-facts-mobile-app.html
+++ b/lang/am/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ar/texts/open-food-facts-mobile-app.html b/lang/ar/texts/open-food-facts-mobile-app.html
index aeab797416bd..a5ad2c8d71a8 100644
--- a/lang/ar/texts/open-food-facts-mobile-app.html
+++ b/lang/ar/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>قم بتثبيت تطبيق Open Food Facts على الهاتف المحمول</h1>
-
-<p>لعمل مسح ضوئي (سكان) للمنتجات الغذائية، وللحصول على العلامة الغذائية Nutri-Score، والعلامة البيئية Eco-Score، ومستوى معالجتها وفقًا وتصنيفها حسب مجموعات NOVA  (تصنيف المجموعة رقم 4 حسب مجموعة NOVA هو خاص بالأطعمة فائقة المعالجة)، ولفك تشفير المضافات الغذائية، قم بتثبيت تطبيق Open Food Facts المجاني!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_AR.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ar">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ar_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Arabic.svg" alt="متوفر في متجر Windows Phone" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>يمكنك أيضًا إضافة منتجات جديدة إلى Open Food Fact وبناء سلعة مشتركة لتحسين التغذية والصحة للجميع. Thank you!</p>
-
-<div class="panel callout">
-<h2>اطلع على أحدث الميزات</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">get the Eco-Score, initially in France  (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="جرب تطبيق Open Food Facts الجديد">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ar" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_AR.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ar" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_AR.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/as/texts/open-food-facts-mobile-app.html b/lang/as/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/as/texts/open-food-facts-mobile-app.html
+++ b/lang/as/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ast/texts/open-food-facts-mobile-app.html b/lang/ast/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ast/texts/open-food-facts-mobile-app.html
+++ b/lang/ast/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/az/texts/open-food-facts-mobile-app.html b/lang/az/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/az/texts/open-food-facts-mobile-app.html
+++ b/lang/az/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/be/texts/open-food-facts-mobile-app.html b/lang/be/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/be/texts/open-food-facts-mobile-app.html
+++ b/lang/be/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ber/texts/open-food-facts-mobile-app.html b/lang/ber/texts/open-food-facts-mobile-app.html
index 1258837ad9c7..817ccd024211 100644
--- a/lang/ber/texts/open-food-facts-mobile-app.html
+++ b/lang/ber/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ber">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ber" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ber" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/bg/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/bg/texts/nutriscore/mobile-app-promo-nutriscore.html
index 00122c1abcd0..5c1e6c62bafc 100644
--- a/lang/bg/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/bg/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Инсталирай мобилното приложение на Open Food Facts</h3>
 
 <p>За да сканираш хранителни продукти, научи техния Nutri-Score, тяхната NOVA група за високо-преработени храни, предупреждения за алергени и за разшифроване на добавки в храните, инсталирай безплатното приложение Open Food Facts!</p>
-<a href="https://apps.apple.com/bg/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=bg"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Предлага се в Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK за Android"></a>
diff --git a/lang/bg/texts/open-food-facts-mobile-app.html b/lang/bg/texts/open-food-facts-mobile-app.html
index e2370829b907..e589015e4fdd 100644
--- a/lang/bg/texts/open-food-facts-mobile-app.html
+++ b/lang/bg/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Инсталирай мобилното приложение на Open Food Facts</h1>
-
-<p>За да сканираш хранителни продукти и да получиш техния Nutri-Score, Eco-Score, тяхното ниво на обработка с групата NOVA (Nova 4 са свръхпреработени храни) и да дешифрираш хранителните добавки, инсталирай безплатното приложение Open Food Facts!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Инсталирай приложението!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/bg/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=bg">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/bg_get.svg" alt="Предлага се в Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Bulgarian.svg" alt="Предлага се в магазина на Windows Phone" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Предлага се като APK за Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Предлага се от F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Можеш също така да добавиш нови продукти към Open Food Facts и да допринесеш за подобряването на храненето и здравето за всички. Благодаря!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=bg" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Предлага се в Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_BG.svg"
+                    alt="Предлага се в App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Мобилно приложение Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=bg" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Предлага се в Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_BG.svg"
+                    loading="lazy"
+                    alt="Предлага се в App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/bg/texts/processing/mobile-app-promo-processing.html b/lang/bg/texts/processing/mobile-app-promo-processing.html
index f2b2442c0a85..ddaec0f2ec29 100644
--- a/lang/bg/texts/processing/mobile-app-promo-processing.html
+++ b/lang/bg/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Инсталирай мобилното приложение на Open Food Facts</h3>
 
 <p>За да сканираш хранителни продукти, да получиш групата NOVA за свръхпреработени храни, оценката за хранително качество Nutri-Score, сигнали за алергени и за дешифриране на хранителни добавки, инсталирай безплатното приложение Open Food Facts!</p>
-<a href="https://apps.apple.com/bg/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=bg"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Предлага се в Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK за Android"></a>
diff --git a/lang/bm/texts/open-food-facts-mobile-app.html b/lang/bm/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/bm/texts/open-food-facts-mobile-app.html
+++ b/lang/bm/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/bn/texts/open-food-facts-mobile-app.html b/lang/bn/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/bn/texts/open-food-facts-mobile-app.html
+++ b/lang/bn/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/bo/texts/open-food-facts-mobile-app.html b/lang/bo/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/bo/texts/open-food-facts-mobile-app.html
+++ b/lang/bo/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/br/texts/open-food-facts-mobile-app.html b/lang/br/texts/open-food-facts-mobile-app.html
index 9e62ebe47eb5..545a75c7c087 100644
--- a/lang/br/texts/open-food-facts-mobile-app.html
+++ b/lang/br/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Trugarez!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/bs/texts/open-food-facts-mobile-app.html b/lang/bs/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/bs/texts/open-food-facts-mobile-app.html
+++ b/lang/bs/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ca/texts/open-food-facts-mobile-app.html b/lang/ca/texts/open-food-facts-mobile-app.html
index 87f373c010f9..779a919ecb63 100644
--- a/lang/ca/texts/open-food-facts-mobile-app.html
+++ b/lang/ca/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Instal·leu l’aplicació per a mòbils Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Disponible a l'App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ca">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ca_get.svg" alt="Disponible a Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Disponible a la botiga de Windows Phone" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>També podeu afegir nous productes a Open Food Facts i construir un bé comú per millorar la nutrició i la salut per a tothom. Gràcies!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ca" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponible a Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Disponible a l'App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ca" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponible a Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Disponible a l'App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ce/texts/open-food-facts-mobile-app.html b/lang/ce/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ce/texts/open-food-facts-mobile-app.html
+++ b/lang/ce/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/chr/texts/open-food-facts-mobile-app.html b/lang/chr/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/chr/texts/open-food-facts-mobile-app.html
+++ b/lang/chr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/co/texts/open-food-facts-mobile-app.html b/lang/co/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/co/texts/open-food-facts-mobile-app.html
+++ b/lang/co/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/crs/texts/open-food-facts-mobile-app.html b/lang/crs/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/crs/texts/open-food-facts-mobile-app.html
+++ b/lang/crs/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/cs/texts/eco-score-the-environmental-impact-of-food-products.html b/lang/cs/texts/eco-score-the-environmental-impact-of-food-products.html
index dbce8cbea547..224b4696ca21 100644
--- a/lang/cs/texts/eco-score-the-environmental-impact-of-food-products.html
+++ b/lang/cs/texts/eco-score-the-environmental-impact-of-food-products.html
@@ -128,7 +128,7 @@ <h4><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" ari
 
 <div class="panel callout">
 <h3>Zvýšená potřeba transparentnosti pro lepší měření a snižování dopadů na životní prostředí</h3>
-<p>Pro přesný výpočet Eko-skóre je nutné mít informace, které nemusí být nutně uvedeny na obalu (jako je původ a přesné procento každé složky) nebo které jsou zřídka dostupné v použitelné formě (jako je seznam všech součásti obalu s přesnými typy použitých plastů).</p>
+<p>Pro přesný výpočet Eco-Score je nutné mít informace, které nemusí být nutně uvedeny na obalu (jako je původ a přesné procento každé složky) nebo které jsou zřídka dostupné v použitelné formě (jako je seznam všech součásti obalu s přesnými typy použitých plastů).</p>
 <p>Průměrné hodnoty se používají, když tyto informace ještě nejsou k dispozici, ale nyní vyzýváme všechny, aby nám pomohli shromáždit tyto informace, které budou velmi užitečné pro Eco-Score, ale také pro mnoho dalších použití.</p>
 <ul>
 <li>Výrobci nám mohou posílat své informace přímo prostřednictvím <a href="https://world.pro.openfoodfacts.org">bezplatné platformy pro výrobce.</a></li>
diff --git a/lang/cs/texts/open-food-facts-mobile-app.html b/lang/cs/texts/open-food-facts-mobile-app.html
index 385150c20d70..74e10295a50a 100644
--- a/lang/cs/texts/open-food-facts-mobile-app.html
+++ b/lang/cs/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Nainstalujte si mobilní aplikaci Open Food Facts</h1>
-
-<p>Chcete-li skenovat potravinářské produkty a získat jejich Nutri-Score, jejich Eco-Score, jejich úroveň zpracování se skupinou NOVA (Nova 4 jsou ultra-zpracované potraviny) a dešifrovat potravinářské přídatné látky, nainstalujte si bezplatnou aplikaci Open Food Facts!</p>
-
-<h2>Naskenujte QR kód pomocí telefonu pro instalaci aplikace</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Nainstalujte aplikaci!</div> Naskenujte tento <span id="everyday">QR-Code</span> svým <span id="foods">telefonem</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Nainstalujte si aplikaci do telefonu</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_CZ.svg" alt="Dostupné na App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=cs">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/cs_get.svg" alt="Dostupné na Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Czech.svg" alt="K dispozici ve Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="K dispozici jako Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Dostupné z F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Můžete také přidat nové produkty do Open Food Facts a vytvořit společné dobro pro zlepšení výživy a zdraví pro všechny. Děkujeme!</p>
-
-<div class="panel callout">
-<h2>Podívejte se na nejnovější funkce</h2>
-<p><b>Červen 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Kompletně přepracovaná aplikace pro Android a iPhone: více personalizovaná, pedagogická a více intuitivní</a></p>
-<p><b>Leden 2021:</b> Aplikace <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">získávají Eco-Score, zpočátku ve Francii (oznámení ve francouzštině)</a></p>
-<p><b>září 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Tmavý režim, umělá inteligence, detekce vegetariánství, veganství a palmového oleje a offline příspěvky (oznámení ve francouzštině)</a></p>
-<p><b>červen 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">Nové mobilní aplikace Open Food Facts pro iPhone a Android</a><br>
-Nové funkce: nepřetržité skenování, offline režim, porovnání produktů, seznamy, neomezená historie a další!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Spuštění mobilní aplikace Open Food Facts, úplně první aplikace pro společné skenování potravin.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Vyzkoušejte novou mobilní aplikaci Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=cs" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Dostupné na Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_CZ.svg"
+                    alt="Dostupné na App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Mobilní aplikace Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=cs" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Dostupné na Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_CZ.svg"
+                    loading="lazy"
+                    alt="Dostupné na App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/cv/texts/open-food-facts-mobile-app.html b/lang/cv/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/cv/texts/open-food-facts-mobile-app.html
+++ b/lang/cv/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/cy/texts/open-food-facts-mobile-app.html b/lang/cy/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/cy/texts/open-food-facts-mobile-app.html
+++ b/lang/cy/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/da/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/da/texts/nutriscore/mobile-app-promo-nutriscore.html
index ac78e4f06c61..69caeaa1ac25 100644
--- a/lang/da/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/da/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>InstallérOpen Food Facts mobil-app'en</h3>
 
 <p>For at skanne fødevarer, få deres Nutri-Score karakter, NOVA-gruppe for ultraforarbejdet fødevare, allergenadvarsler samt dechifrere fødevaretilsætningsstoffer, så installér den gratis Open Food Facts-app!</p>
-<a href="https://apps.apple.com/dk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=da"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/da_get.svg" alt="Tilgængelig i Google Play Butik" width="102" height="40"></a>
 <a href="https://www.microsoft.com/da-dk/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Danish.svg" alt="Tilgængelig for Windows 11 og senere" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/da/texts/open-food-facts-mobile-app.html b/lang/da/texts/open-food-facts-mobile-app.html
index d2cc93124cd9..e98c10253df1 100644
--- a/lang/da/texts/open-food-facts-mobile-app.html
+++ b/lang/da/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>InstallérOpen Food Facts mobil-app'en</h1>
-
-<p>For at skanne fødevarer og få deres Nutri-Score, Eco-Score, forarbejdningsniveau med NOVA-gruppen (Nova 4 er ultraforarbejdede fødevarer) og for at dedechifrere fødevaretilsætningsstoffer, så installér den gratis Open Food Facts-app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Installér appen!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/dk/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=da">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/da_get.svg" alt="Tilgængelig i Google Play Butik" width="102" height="40" />
-</a>
-
-<a href="https://www.microsoft.com/da-dk/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Danish.svg" alt="Tilgængelig i Windows Phone Butik" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Du kan også tilføje nye produkter til Open Food Facts og opbygge et fælles gode til forbedring af ernæring og sundhed for alle. Tak!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=da" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Tilgængelig i Google Play Butik"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_DK.svg"
+                    alt="Tilgængelig i App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=da" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Tilgængelig i Google Play Butik"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_DK.svg"
+                    loading="lazy"
+                    alt="Tilgængelig i App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/da/texts/processing/mobile-app-promo-processing.html b/lang/da/texts/processing/mobile-app-promo-processing.html
index df5a1123a82d..1e62dba85846 100644
--- a/lang/da/texts/processing/mobile-app-promo-processing.html
+++ b/lang/da/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>InstallérOpen Food Facts mobil-app'en</h3>
 
 <p>For at skanne fødevareprodukter, få NOVA-gruppen for ultraforarbejdede fødevarer, deres Nutri-Score ernæringskvalitet, allergenadvarsler, samt for at dechifrere fødevaretilsætningsstoffer, installér den gratis Open Food Facts-app!</p>
-<a href="https://apps.apple.com/dk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=da"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/da_get.svg" alt="Tilgængelig i Google Play Butik" width="102" height="40"></a>
 <a href="https://www.microsoft.com/da-dk/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Danish.svg" alt="Windows Phone Butik" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/de/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/de/texts/nutriscore/mobile-app-promo-nutriscore.html
index d58a5da1ee87..145b85803fc6 100644
--- a/lang/de/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/de/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>„Open Food Facts” für Mobilgeräte installieren</h3>
 
 <p>Um Lebensmittel zu erfassen, deren Nährwertklasse Nutri-Score zu erhalten, die NOVA-Gruppe für hochverarbeitete Lebensmittel, Allergenwarnungen und zum Entschlüsseln von Lebensmittelzusatzstoffen, installieren Sie die kostenlose App Open Food Facts!</p>
-<a href="https://apps.apple.com/de/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=de"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/de_get.svg" alt="Bei Google Play erhältlich" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Verfügbar für Windows 11 und höher" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/de/texts/open-food-facts-mobile-app.html b/lang/de/texts/open-food-facts-mobile-app.html
index 66fd72afa359..9b98967cbefa 100644
--- a/lang/de/texts/open-food-facts-mobile-app.html
+++ b/lang/de/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,204 @@
-<h1>„Open Food Facts” für Mobilgeräte installieren</h1>
-
-<p>Um Lebensmittel zu erfassen und deren Nutri-Score, Eco-Score, den Grad der Verarbeitung mit der NOVA-Gruppe (Nova 4 sind ultrahoch-verarbeitete Lebensmittel) zu erhalten und um Lebensmittelzusatzstoffe zu entschlüsseln, installieren Sie die kostenlose App Open Food Facts!</p>
-
-<h2>Scannen Sie den QR-Code mit Ihrem Telefon, um die App zu installieren</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Installieren Sie die App!</div> Scannen Sie diesen <span id="everyday">QR-Code</span> mit Ihrem <span id="foods">Telefon</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Installieren Sie die App auf Ihrem Handy</h2>
-<a href="https://apps.apple.com/de/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=de">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/de_get.svg" alt="Bei Google Play erhältlich" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/German.svg" alt="Im Windows Phone Store erhältlich" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Verfügbar als Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Erhältlich bei F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Sie können auch neue Produkte zu Open Food Facts hinzufügen und ein Gemeinwohl aufbauen, um die Ernährung und Gesundheit für alle zu verbessern. Vielen Dank!</p>
-
-<div class="panel callout">
-<h2>Die neuesten Funktionen</h2>
-<p><b>Juni 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">Vollständig neu gestaltete App für Android und iPhone: personalisierter, lehrreicher und intuitiver</a></p>
-<p><b>Januar 2021:</b> Die Apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">erhalten den Eco-Score, zunächst in Frankreich (Ankündigung auf Französisch)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Dunkel-Modus, künstliche Intelligenz, Erkennung von Vegetariern, Veganern und Palmöl, und Offline-Beiträge (Ankündigung auf Französisch)</a></p>
-<p><b>Juni 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">Neue Open Food Facts mobile Apps für iPhone und Android</a><br>
-Neue Funktionen: kontinuierliches Erfassen, Offline-Modus, Produktvergleich, Listen, unbegrenzter Verlauf und mehr!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Start der mobilen App Open Food Facts, der allerersten kollaborativen App für Erfassen von Lebensmitteln.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Testen Sie die neue Open Food Facts App">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Wählen Sie Produkte, die gut sind für <span class="highlight-label yellow rotate-left">Sie</span> und den <span class="highlight-label blue rotate-right">Planet</span>
+                </h1>
+                <p>Die weltweit größte offene Lebensmitteldatenbank steht Ihnen zur Verfügung!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=de" title="Open Food Facts auf Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Bei Google Play erhältlich"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts im Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_DE.svg"
+                    alt="Im App Store erhältlich"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="Eine Skala mit einem Nutri-Score und einem Smiley auf der linken Seite der Skala und einem Eco-Score und dem Planeten Erde auf der rechten Seite" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Nicht auf Ihrem Mobilgerät? Scannen Sie diesen QR-Code mit Ihrem Handy, um die App herunterzuladen!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code-Verknüpfung führt zu https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="„Open Food Facts” für mobile Endgeräte">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Ein Scan, der wirklich zu dem passt, <span class="highlight-label dark-orange rotate-right">wer Sie sind</span>
+                </h1>
+                <p class="paragraph-top-margin">Von der Reduzierung des Salzkonsums bis zur Umstellung auf vegane Ernährung können Sie in der App ganz einfach Ihre persönlichen Vorlieben festlegen und erhalten dann intelligentere Empfehlungen für Lebensmittel.</p>
+                <p>Das Beste ist, dass die App Sie immer warnt, wenn Sie im Begriff sind, etwas zu essen, das ein Allergen enthält.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scannen Sie Lebensmittel aus Ihrem Alltag, um sich ein <span class="highlight-label orange rotate-left">vollständiges Bild</span> zu machen
+                </h1>
+                <p class="paragraph-top-margin">Öffnen Sie die App Open Food Facts und zeigen Sie mit der Kamera auf den Strichcode Ihres bevorzugten Lebensmittels!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="Ein Strichcode wird gescannt" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="Eine Lupe über einer Müslischachtel und ein Nutri-Score-Logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Heben Sie Ihre <span class="highlight-label dark-green rotate-right">Gesundheit</span> auf die nächste Stufe
+                </h1>
+                <p class="paragraph-top-margin">Entschlüsseln Sie verschiedene Etiketten, informieren Sie sich über Nährwertangaben und berechnen Sie sofort den Nutri-Score Ihres Produkts: eine Nährwertkennzeichnung, die den Nährwert von Lebensmitteln und Getränken in eine Gesamtnote umrechnet. Es ist kinderleicht!</p>
+                <p>Die Informationen werden immer entsprechend Ihren Präferenzen angezeigt.</p>
+                <a class="button round secondary small" href="/nutriscore">Erfahren Sie mehr über den Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scannen Sie fast jedes Lebensmittel, um seine Auswirkungen auf den <span class="highlight-label blue rotate-right">Planeten</span> zu sehen
+                </h1>
+                <p class="paragraph-top-margin">Informieren Sie sich mit dem Eco-Score über die Umweltauswirkungen von über 600.000 Lebensmittelprodukten.</p>
+                <p>Durchsuchen Sie die Wissenstafeln, um Informationen wie den entsprechenden CO₂-Fußabdruck, die Herkunft der Inhaltsstoffe und die mögliche Gefährdung von Tierarten während des Herstellungsprozesses zu erhalten.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Erfahren Sie mehr über den Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="Eine Lupe über einer Pizza und dem Planeten Erde"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Beteiligen Sie sich an der Lebensmittelrevolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Zusammen mit mehr als 170.000 Mitwirkenden weltweit!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>„Ich liebe diese App! Ich benutze es fast täglich. Es hilft mir sehr dabei, das richtige Produkt für mich zu finden!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Bewertung im Google Play Store und Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=de" title="Open Food Facts auf Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Bei Google Play erhältlich"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts auf F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Verfügbar auf F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts App auf Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="APK herunterladen"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts im Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_DE.svg"
+                    loading="lazy"
+                    alt="Im App Store erhältlich"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="Ein Puzzle mit einer Hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/de/texts/processing/mobile-app-promo-processing.html b/lang/de/texts/processing/mobile-app-promo-processing.html
index 87dfef299292..a1a69be54d3b 100644
--- a/lang/de/texts/processing/mobile-app-promo-processing.html
+++ b/lang/de/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>„Open Food Facts” für Mobilgeräte installieren</h3>
 
 <p>Um Lebensmittel einzulesen, die NOVA-Gruppe für hochverarbeitete Lebensmittel, deren Nährwert Nutri-Score, Allergenwarnungen abzurufen und zum Entschlüsseln von Lebensmittelzusatzstoffen, installieren Sie die kostenlose App „Open Food Facts”!</p>
-<a href="https://apps.apple.com/de/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=de"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/de_get.svg" alt="Bei Google Play erhältlich" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/el/texts/help-complete-products.html b/lang/el/texts/help-complete-products.html
index 88284b413914..af938908499b 100644
--- a/lang/el/texts/help-complete-products.html
+++ b/lang/el/texts/help-complete-products.html
@@ -1,18 +1,18 @@
 <!-- no side column -->
 
-<h1>Help us complete products and improve the food and health of everyone!</h1>
+<h1>Βοηθήστε μας να συμπληρώσουμε τα προϊόντα και να βελτιώσουμε το φαγητό και την υγεία όλων!</h1>
 
-<h2 class="subheader">Information you add will be used by millions of people to make better food choices and by public health research teams for their studies.</h2>
+<h2 class="subheader">Οι πληροφορίες που προσθέτετε θα χρησιμοποιηθούν από εκατομμύρια ανθρώπους για να κάνουν καλύτερες επιλογές τροφίμων και από ερευνητικές ομάδες δημόσιας υγείας για τις μελέτες τους.</h2>
 
-<p>In order to determine the nutritional quality of a product with the Nutri-Score,
-to analyze its degree of processing with NOVA,
-or to determine if it suitable for vegans or vegetarians, we need to:</p>
+<p>Για να προσδιορίσουμε τη διατροφική ποιότητα ενός προϊόντος με το Nutri-Score,
+για να αναλύσουμε τον βαθμό επεξεργασίας του με το NOVA,
+ή για να προσδιορίσουμε εάν είναι κατάλληλο για vegans ή χορτοφάγους, πρέπει:</p>
 
 <ul>
-<li><b>categorize the product</b></li>
-<li><b>extract its list of ingredients</b> (it can often be done very easily by selecting and cropping the ingredient list in product photos
-and automatically extracting the text from the photo)</li>
-<li><b>add the values from the nutrition facts table</b></li>
+<li><b>κατηγοριοποιήστε το προϊόν</b></li>
+<li><b>εξαγάγετε τη λίστα των συστατικών του</b> (μπορεί συχνά να γίνει πολύ εύκολα επιλέγοντας και περικόπτοντας τη λίστα συστατικών από τις φωτογραφίες του προϊόντος
+και αποσπώντας αυτόματα το κείμενο από τη φωτογραφία)</li>
+<li><b>προσθέστε τις τιμές από τον πίνακα διατροφικών στοιχείων</b></li>
 </ul>
 
 <div class="row">
@@ -26,7 +26,7 @@ <h2 class="subheader">Information you add will be used by millions of people to
 </div>
 
 <div class="small-12 medium-12 large-6 columns">
-<div style="margin-top:2rem;margin-bottom:0.5rem;"><b>Ingredients analysis:</b></div>
+<div style="margin-top:2rem;margin-bottom:0.5rem;"><b>Ανάλυση συστατικών:</b></div>
 <img src="https://static.openfoodfacts.org/images/misc/ingredients-analysis-example-no-text.png" alt="Ingredients analysis" style="margin-bottom:1rem;max-width:100%">
 </div>
 
diff --git a/lang/el/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/el/texts/nutriscore/mobile-app-promo-nutriscore.html
index e3fd12466bb1..8df9ec6813ad 100644
--- a/lang/el/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/el/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/gr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=el"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/el_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Greek.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/el/texts/open-food-facts-mobile-app.html b/lang/el/texts/open-food-facts-mobile-app.html
index 8c5d757eb4c7..6a8cd71456cc 100644
--- a/lang/el/texts/open-food-facts-mobile-app.html
+++ b/lang/el/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/gr/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=el">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/el_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Greek.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=el" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=el" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/el/texts/processing/mobile-app-promo-processing.html b/lang/el/texts/processing/mobile-app-promo-processing.html
index b53219e668e0..76f7961ca086 100644
--- a/lang/el/texts/processing/mobile-app-promo-processing.html
+++ b/lang/el/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/gr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=el"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/el_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Greek.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/en_AU/texts/open-food-facts-mobile-app.html b/lang/en_AU/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/en_AU/texts/open-food-facts-mobile-app.html
+++ b/lang/en_AU/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/en_GB/texts/open-food-facts-mobile-app.html b/lang/en_GB/texts/open-food-facts-mobile-app.html
index 6497dea26e65..38db4b6009ec 100644
--- a/lang/en_GB/texts/open-food-facts-mobile-app.html
+++ b/lang/en_GB/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_UK.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_UK.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/eo/texts/open-food-facts-mobile-app.html b/lang/eo/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/eo/texts/open-food-facts-mobile-app.html
+++ b/lang/eo/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/es/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/es/texts/nutriscore/mobile-app-promo-nutriscore.html
index 164c120ed27a..2534c8a09265 100644
--- a/lang/es/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/es/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Instala la aplicación móvil de Open Food Facts</h3>
 
 <p>Para escanear productos alimenticios, obtener su grado nutricional Nutri-Score, el grupo NOVA para alimentos ultraprocesados, alertas de alérgenos y para descifrar aditivos alimentarios, ¡instala la aplicación gratuita Open Food Facts!</p>
-<a href="https://apps.apple.com/es/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=es"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/es_get.svg" alt="Disponible en Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Spanish.svg" alt="Disponible para Windows 11 y posteriores" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/es/texts/open-food-facts-mobile-app.html b/lang/es/texts/open-food-facts-mobile-app.html
index 889c46bb95e6..a273cc4382e1 100644
--- a/lang/es/texts/open-food-facts-mobile-app.html
+++ b/lang/es/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Instala la aplicación móvil de Open Food Facts</h1>
-
-<p>Para escanear productos alimenticios y obtener su Nutri-Score, su Eco-Score, su nivel de procesamiento con el grupo NOVA (los Nova 4 son alimentos ultraprocesados) y para descubrir sus aditivos alimentarios, ¡instala la aplicación gratuita Open Food Facts!</p>
-
-<h2>Escanea el código QR con tu teléfono para instalar la aplicación</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">¡Instala la aplicación!</div> Escanea este <span id="everyday">código QR</span> con tu <span id="foods">teléfono</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Instala la aplicación en tu aplicación</h2>
-<a href="https://apps.apple.com/es/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=es">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/es_get.svg" alt="Disponible en Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Spanish.svg" alt="Disponible en la Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>También puede agregar nuevos productos a Open Food Facts y contribuir al bien común para mejorar la nutrición y la salud para todos. ¡Gracias!</p>
-
-<div class="panel callout">
-<h2>Prueba las últimas funciones</h2>
-<p><b>Junio de 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">App completamente rediseñada para Android y iPhone: más personalizada, más pedagógica e intuitiva</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">get the Eco-Score, initially in France  (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Prueba la nueva aplicación de Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=es" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponible en Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_ES.svg"
+                    alt="Disponible en la App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Lee más sobre el Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Únete a la revolución alimentaria"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>"Amo esta aplicación!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=es" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponible en Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Disponible en F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_ES.svg"
+                    loading="lazy"
+                    alt="Disponible en la App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/es/texts/processing/mobile-app-promo-processing.html b/lang/es/texts/processing/mobile-app-promo-processing.html
index 5ced4e00749f..4c5925649ded 100644
--- a/lang/es/texts/processing/mobile-app-promo-processing.html
+++ b/lang/es/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Instala la aplicación móvil de Open Food Facts</h3>
 
 <p>Para escanear productos alimenticios, obtener el grupo NOVA de ultra-procesados, el grado nutricional Nutri-Score, alérgenos y para averiguar los aditivos, ¡instala gratis Open Food Facts!</p>
-<a href="https://apps.apple.com/es/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=es"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/es_get.svg" alt="Disponible en Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Spanish.svg" alt="Tienda de Windows Phone" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/et/texts/open-food-facts-mobile-app.html b/lang/et/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/et/texts/open-food-facts-mobile-app.html
+++ b/lang/et/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/eu/texts/open-food-facts-mobile-app.html b/lang/eu/texts/open-food-facts-mobile-app.html
index 67fc275a3bf8..7b32b3eace0e 100644
--- a/lang/eu/texts/open-food-facts-mobile-app.html
+++ b/lang/eu/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Eskaneatu QR kodea zure mugikorrarekin aplikazioa instalatzeko</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Instalatu aplikazioa zure mugikorrean</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=eu">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=eu" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=eu" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/fa/texts/open-food-facts-mobile-app.html b/lang/fa/texts/open-food-facts-mobile-app.html
index e42743f6bdb9..d743df375825 100644
--- a/lang/fa/texts/open-food-facts-mobile-app.html
+++ b/lang/fa/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fa">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fa_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fa" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fa" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/fi/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/fi/texts/nutriscore/mobile-app-promo-nutriscore.html
index f29e46c0b547..c3a80e980d82 100644
--- a/lang/fi/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/fi/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Asenna Open Food Facts -mobiilisovellus</h3>
 
 <p>Elintarvikkeiden viivakoodien lukemiseksi, saadaksesi niiden Nutri-Score-ravintoarvosanan, NOVA-ryhmän ultrajalostetuille ruoille, allergeenivaroitukset ja elintarvikelisäaineiden tulkitsemiseksi, asenna ilmainen Open Food Facts -sovellus!</p>
-<a href="https://apps.apple.com/fi/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fi"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Saatavilla Google Playstä" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/fi/texts/open-food-facts-mobile-app.html b/lang/fi/texts/open-food-facts-mobile-app.html
index c5b665e947d0..5dd7cb2e483b 100644
--- a/lang/fi/texts/open-food-facts-mobile-app.html
+++ b/lang/fi/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Asenna Open Food Facts -mobiilisovellus</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Asenna sovellus!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/fi/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fi">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fi_get.svg" alt="Saatavilla Google Playstä" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Finnish.svg" alt="Saatavilla Windows Phone Storesta" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Voit myös lisätä uusia tuotteita Open Food Factsiin ja rakentaa yhteistä hyvää ravinnon ja terveyden parantamiseksi kaikille. Kiitos!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fi" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Saatavilla Google Playstä"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_FI.svg"
+                    alt="Saatavilla App Storesta"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fi" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Saatavilla Google Playstä"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_FI.svg"
+                    loading="lazy"
+                    alt="Saatavilla App Storesta"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/fi/texts/processing/mobile-app-promo-processing.html b/lang/fi/texts/processing/mobile-app-promo-processing.html
index a868bbf50d83..27512107d0ba 100644
--- a/lang/fi/texts/processing/mobile-app-promo-processing.html
+++ b/lang/fi/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Asenna Open Food Facts -mobiilisovellus</h3>
 
 <p>Elintarvikkeiden lukemiseksi, nähdäksesi NOVA-ryhmän ultrajalostetuille ruoille, niiden Nutri-Score-ravintoarvosanan, allergeenihälytyksille ja elintarvikelisäaineiden purkamiseksi, asenna ilmainen Open Food Facts -sovellus!</p>
-<a href="https://apps.apple.com/fi/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fi"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Saatavilla Google Playstä" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone -kauppa" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/fil/texts/open-food-facts-mobile-app.html b/lang/fil/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/fil/texts/open-food-facts-mobile-app.html
+++ b/lang/fil/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/fo/texts/open-food-facts-mobile-app.html b/lang/fo/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/fo/texts/open-food-facts-mobile-app.html
+++ b/lang/fo/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/fr/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/fr/texts/nutriscore/mobile-app-promo-nutriscore.html
index 79bba9424c87..3986ee3dc239 100644
--- a/lang/fr/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/fr/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Installer l'application mobile Open Food Facts</h3>
 
 <p>Pour analyser des produits alimentaires, obtenir leur note Nutri-Score, leur groupe NOVA pour savoir s'il s'agit d'un aliment ultra-transformé, des alertes sur les allergènes, et pour décrypter les additifs alimentaires, installez l'application gratuite Open Food Facts !</p>
-<a href="https://apps.apple.com/fr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fr"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fr_get.svg" alt="Disponible sur Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/French.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/fr/texts/open-food-facts-mobile-app.html b/lang/fr/texts/open-food-facts-mobile-app.html
index 0bf33923e769..a5222077032f 100644
--- a/lang/fr/texts/open-food-facts-mobile-app.html
+++ b/lang/fr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Installer l'application mobile Open Food Facts</h1>
-
-<p>Pour scanner les produits alimentaires, et obtenir leur Nutri-Score, leur Eco-Score, leur niveau de transformation avec le groupe NOVA (les Nova 4 sont des aliments ultra-transformés), et pour décrypter les additifs alimentaires, installez l'application gratuite Open Food Facts !</p>
-
-<h2>Scannez le QR Code avec votre téléphone pour installer l'application</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Installer l'app!</div> Scannez ce <span id="everyday">QR-Code</span> avec votre <span id="foods">téléphone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Installez l'application sur votre téléphone</h2>
-<a href="https://apps.apple.com/fr/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fr">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fr_get.svg" alt="Disponible sur Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/French.svg" alt="Disponible sur le Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Disponible en tant qu'APK sur Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Disponible sur F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Vous pouvez également ajouter de nouveaux produits à Open Food Facts et construire un bien commun pour améliorer l'alimentation et la santé de tous. Merci !</p>
-
-<div class="panel callout">
-<h2>Voir les dernières fonctionnalités</h2>
-<p><b>Juin 2022 :</b> <a href="https://blog.openfoodfacts.org/fr/communique-de-presse-nouvelle-appli">Application entièrement repensée pour Android et iPhone : plus personnalisée, plus pédagogique et plus intuitive</a></p>
-<p>Janvier 2021 : L'application possède un Éco-Score, initialement en France</p>
-<p>Septembre 2020 : Mode sombre, intelligence artificielle, détection de produits végétariens, véganes et contenant de l'huile de palme. Contribution hors ligne disponible</p>
-<p>Juin 2019 : Nouvelle application mobile sur iPhone et Android
-Nouvelles fonctionnalités : scan continu, mode hors ligne, comparaison de produits, listes, historique illimité et plus encore !
-</p>
-<p>2012 : Lancement de l'application mobile Open Food Facts, la toute première application collaborative de scan de produits alimentaire
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_fr_light_3_screenshots.png" alt="Essayez la nouvelle application mobile Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fr" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponible sur Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_FR.svg"
+                    alt="Disponible sur l'App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Application mobile Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fr" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponible sur Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_FR.svg"
+                    loading="lazy"
+                    alt="Disponible sur l'App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/fr/texts/processing/mobile-app-promo-processing.html b/lang/fr/texts/processing/mobile-app-promo-processing.html
index 0493ffa04929..bf32da71258c 100644
--- a/lang/fr/texts/processing/mobile-app-promo-processing.html
+++ b/lang/fr/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Installer l'application mobile Open Food Facts</h3>
 
 <p>Pour scanner les produits alimentaires, obtenir leur groupe NOVA pour les aliments ultra-transformés, leur note de qualité nutritionnelle Nutri-Score, des alertes allergènes et pour déchiffer les additifs alimentaires, installez l'application gratuite Open Food Facts!</p>
-<a href="https://apps.apple.com/fr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=fr"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fr_get.svg" alt="Disponible sur Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/French.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/ga/texts/open-food-facts-mobile-app.html b/lang/ga/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/ga/texts/open-food-facts-mobile-app.html
+++ b/lang/ga/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/gd/texts/open-food-facts-mobile-app.html b/lang/gd/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/gd/texts/open-food-facts-mobile-app.html
+++ b/lang/gd/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/gl/texts/open-food-facts-mobile-app.html b/lang/gl/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/gl/texts/open-food-facts-mobile-app.html
+++ b/lang/gl/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/gu/texts/open-food-facts-mobile-app.html b/lang/gu/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/gu/texts/open-food-facts-mobile-app.html
+++ b/lang/gu/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ha/texts/open-food-facts-mobile-app.html b/lang/ha/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ha/texts/open-food-facts-mobile-app.html
+++ b/lang/ha/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/he/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/he/texts/nutriscore/mobile-app-promo-nutriscore.html
index 13375145559d..40af6a21894b 100644
--- a/lang/he/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/he/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>התקנת היישומון של Open Food Facts לניידים</h3>
 
 <p>כדי לסרוק מוצרי מזון, לקבל את ציון ה־Nutri-Score התזונתי שלהם, את קבוצת ה־NOVA למזון אולטרה מעובד וגם כדי לקבל התראות על מעוררי רגישות ולפענח תוספי מזון, כדאי להתקין את היישומון החופשי Open Food Facts!</p>
-<a href="https://apps.apple.com/il/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=he"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="זמין ב־Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="זמין עבור Windows 11 ומעלה" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK ל־Android"></a>
diff --git a/lang/he/texts/open-food-facts-mobile-app.html b/lang/he/texts/open-food-facts-mobile-app.html
index 4ec42d3a0793..f72a984c17ca 100644
--- a/lang/he/texts/open-food-facts-mobile-app.html
+++ b/lang/he/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,211 @@
-<h1>התקנת היישומון של Open Food Facts לניידים</h1>
-
-<p>כדי לסרוק מוצרי מזון וכדי לקבל את ה־Nutri-Score, ה־Eco-Score, את רמות העיבוד שלהם עם קבוצות NOVA (קבוצה 4 היא מזונות אולטרא מעובדים) ולפענוח תוספי מזון, כדאי להתקין את היישומון Open Food Facts!</p>
-
-<h2>יש לסרוק את קוד ה־QR עם הטלפון שלך כדי להתקין את היישומון</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">להתקנת היישומון!</div> נא לסרוק את <span id="everyday">קוד ה־QR</span> עם ה<span id="foods">טלפון</span> שלך
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>התקנת היישומון בטלפון שלך</h2>
-<a href="https://apps.apple.com/il/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=he">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/iw_get.svg" alt="זמין ב־Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Hebrew.svg" alt="זמין ב־Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="זמין כ־APK ל־Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="זמין מ־F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>ניתן גם להוסיף מוצרים חדשים ל־Open Food Facts ולבנות לטובת הכלל לשיפור התזונה והבריאות של כולם. תודה רבה לך!</p>
-
-<div class="panel callout">
-<h2>הצגת היכולות העדכניות ביותר</h2>
-<p><b>יוני 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">עיצוב מאפס ליישומונים ל־Android ול־iPhone: יותר מותאם לך, יותר חינוכי ויותר נוח לשימוש</a></p>
-<p><b>ינואר 2021:</b> היישומונים <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">מקבלים את Eco-Score, בהתחלה בצרפת (ההכרזה בצרפתית)</a></p>
-<p><b>ספטמבר 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">מצב כהה, בינה מלאכותית, זיהוי צמחונות, טבעונות ושמן דקלים לצד תרומה ללא חיבור לאינטרנט (ההכרזה בצרפתית)</a></p>
-<p><b>יוני 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">יישומונים חדשים לניידים של Open Food Facts עבור iPhone ו־Android</a><br>
-יכולות חדשות: סריקה רציפה, מצב בלתי מקוון, השוואת מוצרים, רשימות, היסטוריה ללא הגבלה ועוד!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">השקת היישומון לניידים של Open Food Facts, היישומון השיתופי הראשון לסריקת מזון.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="מומלץ לנסות את היישומון החדש של Open Food Facts לניידים">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    בחירה במוצרים שטובים
+                    <span class="highlight-label yellow rotate-left">לך</span>
+                    ול<span class="highlight-label blue rotate-right">כדור הארץ</span>
+                </h1>
+                <p>מסד נתוני מוצרי המזון הפתוח והגדול בעולם בהישג ידך!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=he" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="זמין ב־Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_HB.svg"
+                    alt="זמין ב־App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="היישומון Open Food Facts לניידים">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=he" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="זמין ב־Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_HB.svg"
+                    loading="lazy"
+                    alt="זמין ב־App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/he/texts/processing/mobile-app-promo-processing.html b/lang/he/texts/processing/mobile-app-promo-processing.html
index bea34fc0d5f0..644362a441cb 100644
--- a/lang/he/texts/processing/mobile-app-promo-processing.html
+++ b/lang/he/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>התקנת היישומון של Open Food Facts לניידים</h3>
 
 <p>כדי לסרוק מוצרי מזון, לקבל את קבוצת ה־NOVA למזון אולטרה מעובד, הציון התזונתי שלהם - Nutri-Score, התראות מעוררי נגישות וכדי לפענח תוספות מזון, עליך פשוט להתקין את היישומון החופשי של Open Food Facts!</p>
-<a href="https://apps.apple.com/il/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=he"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="זמין ב־Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="חנות Windows Phone" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK ל־Android"></a>
diff --git a/lang/hi/texts/open-food-facts-mobile-app.html b/lang/hi/texts/open-food-facts-mobile-app.html
index 0c8fc32e4d20..75b49e92b050 100644
--- a/lang/hi/texts/open-food-facts-mobile-app.html
+++ b/lang/hi/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hi">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hi" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hi" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/hr/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/hr/texts/nutriscore/mobile-app-promo-nutriscore.html
index dec346b7e1d2..d3aa4bb2b713 100644
--- a/lang/hr/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/hr/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/hr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hr"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/hr/texts/open-food-facts-mobile-app.html b/lang/hr/texts/open-food-facts-mobile-app.html
index 3a7f4b64a8a1..fd320a3424b0 100644
--- a/lang/hr/texts/open-food-facts-mobile-app.html
+++ b/lang/hr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/hr/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hr">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Također možete dodati nove proizvode u Open Food Facts i stvoriti zajedničko dobro za poboljšanje prehrane i zdravlja za sve. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hr" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_HR.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hr" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_HR.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/hr/texts/processing/mobile-app-promo-processing.html b/lang/hr/texts/processing/mobile-app-promo-processing.html
index e320be509657..2f1f8ff0ee6a 100644
--- a/lang/hr/texts/processing/mobile-app-promo-processing.html
+++ b/lang/hr/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/hr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hr"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/ht/texts/open-food-facts-mobile-app.html b/lang/ht/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ht/texts/open-food-facts-mobile-app.html
+++ b/lang/ht/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/hu/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/hu/texts/nutriscore/mobile-app-promo-nutriscore.html
index 65416eae1b92..1a8d5012c455 100644
--- a/lang/hu/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/hu/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Telepítse az Open Food Facts mobilalkalmazást</h3>
 
 <p>Az élelmiszerek beolvasásához, a Nutri-Score táplálkozási pontszámuk és a többszörösen feldolgozott élelmiszerek NOVA csoportjának megismeréséhez, allergén riasztáshoz, az adalékanyagok dekódolásához telepítse az Open Food Facts alkalmazást!</p>
-<a href="https://apps.apple.com/hu/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hu"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/hu_get.svg" alt="Elérhető Google Playen" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Hungarian.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/hu/texts/open-food-facts-mobile-app.html b/lang/hu/texts/open-food-facts-mobile-app.html
index deef6a8d132b..73569b671b85 100644
--- a/lang/hu/texts/open-food-facts-mobile-app.html
+++ b/lang/hu/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Telepítse az Open Food Facts mobilalkalmazást</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/hu/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hu">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/hu_get.svg" alt="Elérhető Google Playen" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Hungarian.svg" alt="Elérhető a Windows Phone Store-ban" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Új termékeket is hozzáadhat az Open Food Facts-hoz, így hozzájárulva a közös jóhoz a táplálkozás és az egészség javítására mindenki számára. Köszönjük!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hu" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Elérhető Google Playen"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_HU.svg"
+                    alt="Elérhető az App Store-ban"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hu" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Elérhető Google Playen"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_HU.svg"
+                    loading="lazy"
+                    alt="Elérhető az App Store-ban"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/hu/texts/processing/mobile-app-promo-processing.html b/lang/hu/texts/processing/mobile-app-promo-processing.html
index 46de8a3e946d..4e456d4249e6 100644
--- a/lang/hu/texts/processing/mobile-app-promo-processing.html
+++ b/lang/hu/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Telepítse az Open Food Facts mobilalkalmazást</h3>
 
 <p>Élelmiszerek beolvasásához, a többszörösen feldolgozott ételek NOVA csoportjának megismeréséhez, a Nutri-Score táplálkozási osztályzathoz, allergén riasztáshoz és az adalékanyagok dekódolásához telepítse az ingyenes Open Food Facts alkalmazást!</p>
-<a href="https://apps.apple.com/hu/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=hu"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/hu_get.svg" alt="Elérhető Google Playen" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Hungarian.svg" alt="Windows Phone Áruház" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/hy/texts/open-food-facts-mobile-app.html b/lang/hy/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/hy/texts/open-food-facts-mobile-app.html
+++ b/lang/hy/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/id/texts/open-food-facts-mobile-app.html b/lang/id/texts/open-food-facts-mobile-app.html
index b81b3de733aa..13028f183f88 100644
--- a/lang/id/texts/open-food-facts-mobile-app.html
+++ b/lang/id/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Instal aplikasi seluler Open Food Facts</h1>
-
-<p>Untuk memindai produk makanan, dan untuk mendapatkan Nutri-Score, Eco-Score, tingkat pengolahannya dalam kelompok NOVA ("NOVA 4" adalah makanan yang sangat diproses), serta menguraikan bahan tambahan makanan, instal aplikasi Open Food Facts secara gratis!</p>
-
-<h2>Pindai Kode QR dengan ponsel Anda untuk menginstal aplikasi</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Pindai <span id="everyday">Kode QR</span> ini dengan <span id="foods">ponsel</span> Anda
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Instal aplikasi di ponsel Anda</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Tersedia di App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=id">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Tersedia di Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Tersedia di Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Tersedia sebagai APK Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Tersedia dari F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Anda juga dapat menambahkan produk - produk baru ke Open Food Facts dan membangun kebaikan bersama untuk meningkatkan nutrisi dan kesehatan bagi semua orang. Terima kasih!</p>
-
-<div class="panel callout">
-<h2>Lihat fitur terbaru</h2>
-<p><b>Juni 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Aplikasi yang didesain ulang sepenuhnya untuk Android dan iPhone: lebih personal, lebih pedagogis, dan lebih intuitif</a></p>
-<p><b>Januari 2021:</b> Aplikasi <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">mendapatkan Eco-Score, awalnya di Prancis (pengumuman dalam bahasa Prancis)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Mode gelap, kecerdasan buatan, pendeteksian vegetarian, vegan, dan minyak kelapa sawit, serta kontribusi offline (pengumuman dalam bahasa Prancis)</a></p>
-<p><b>Juni 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">Aplikasi seluler Open Food Facts yang baru untuk iPhone dan Android</a><br>
-Fitur baru: pemindaian berkelanjutan, mode offline, perbandingan produk, daftar, riwayat tak terbatas, dan banyak lagi!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Peluncuran aplikasi seluler Open Food Facts, aplikasi pemindaian kolaboratif yang pertama untuk makanan.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Coba aplikasi seluler Open Food Facts yang baru">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Pilih produk yang baik bagi
+                    <span class="highlight-label yellow rotate-left">Anda</span>
+                    dan
+                    <span class="highlight-label blue rotate-right">planet ini</span>
+                </h1>
+                <p>Basis data makanan terbuka terbesar di dunia ada di ujung jari Anda!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=id" title="Open Food Facts di Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Tersedia di Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts di Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_ID.svg"
+                    alt="Tersedia di App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="Skala dengan Nutri-Score dan wajah tersenyum berada pada sisi kiri dan Eco Score dan planet Bumi pada sisi kanan" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Tidak ada di ponsel Anda? Pindai kode QR ini dengan ponsel Anda untuk mengunduh aplikasinya!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="Kode QR tertaut ke https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Aplikasi seluler Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Pemindaian yang benar-benar mencerminkan
+                    <span class="highlight-label dark-orange rotate-right">diri Anda</span>
+                </h1>
+                <p class="paragraph-top-margin">Mulai dari mengurangi asupan garam hingga menjadi vegan sejati, Anda bisa dengan mudah mengatur preferensi pribadi Anda pada aplikasi ini dan mulai mendapatkan rekomendasi makanan yang lebih cerdas.</p>
+                <p>Fitur terbaiknya adalah aplikasi ini selalu memperingatkan Anda jika Anda akan makan sesuatu yang mengandung alergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Pindai makanan keseharian Anda untuk mendapatkan
+                    <span class="highlight-label orange rotate-left">gambaran lengkap</span>
+                </h1>
+                <p class="paragraph-top-margin">Buka aplikasi Open Food Facts dan arahkan kamera ke kode batang makanan favorit Anda!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="Kode batang sedang dipindai" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="Kaca pembesar untuk kotak sereal dan logo Nutri-Score" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Tingkatkan
+                    <span class="highlight-label dark-green rotate-right">kesehatan</span>
+                    Anda
+                </h1>
+                <p class="paragraph-top-margin">Menguraikan berbagai label, pelajari informasi nutrisi, dan hitung cepat Nutri-Score produk Anda: label nutrisi yang menghitung nilai nutrisi makanan dan minuman menjadi skor keseluruhan. Ini permainan anak-anak!</p>
+                <p>Informasi akan selalu ditampilkan berdasarkan preferensi Anda.</p>
+                <a class="button round secondary small" href="/nutriscore">Baca lebih lanjut tentang Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Pindai hampir semua makanan untuk melihat dampaknya terhadap
+                    <span class="highlight-label blue rotate-right">planet ini</span>
+                </h1>
+                <p class="paragraph-top-margin">Pelajari dampak lingkungan lebih dari 600 ribu produk makanan dengan Eco-Score.</p>
+                <p>Jelajahi panel pengetahuan untuk mendapatkan informasi seperti nilai jejak karbon, asal bahan, kemungkinan ancaman terhadap spesies selama proses produksi.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Baca lebih lanjut tentang Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="Kaca pembesar untuk pizza dan planet Bumi"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Bergabunglah dengan revolusi pangan"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Bersama lebih dari 170.000 kontributor di seluruh dunia!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>"Aku suka sekali aplikasi ini!! Aku gunakan hampir setiap hari. Sangat membantuku menemukan produk yang tepat untukku!"</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Nilai di Google Play Store dan Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=id" title="Open Food Facts di Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Tersedia di Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts di F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Tersedia di F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Aplikasi Open Food Facts di Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Unduh APKnya"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts di Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_ID.svg"
+                    loading="lazy"
+                    alt="Tersedia di App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ii/texts/open-food-facts-mobile-app.html b/lang/ii/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ii/texts/open-food-facts-mobile-app.html
+++ b/lang/ii/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/is/texts/open-food-facts-mobile-app.html b/lang/is/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/is/texts/open-food-facts-mobile-app.html
+++ b/lang/is/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/it/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/it/texts/nutriscore/mobile-app-promo-nutriscore.html
index 9abd5c53f91f..a12155d2c927 100644
--- a/lang/it/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/it/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Installa l'app mobile di Open Food Facts</h3>
 
 <p>Per scansionare i prodotti alimentari, ottenere il loro punteggio nutrizionale Nutri-Score, il gruppo NOVA per gli alimenti ultra-trasformati, gli avvisi allergeni e per decifrare gli additivi alimentari, installa l'app gratuita Open Food Facts!</p>
-<a href="https://apps.apple.com/it/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=it"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/it_get.svg" alt="Disponibile su Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Disponibile per Windows 11 e versioni successive" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/it/texts/open-food-facts-mobile-app.html b/lang/it/texts/open-food-facts-mobile-app.html
index ce5d1469a735..93ca9672febc 100644
--- a/lang/it/texts/open-food-facts-mobile-app.html
+++ b/lang/it/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Installa l'app mobile di Open Food Facts</h1>
-
-<p>Per scansionare i prodotti alimentari e ottenerne il Nutri-Score, l'Eco-Score, il loro livello di trasformazione con il gruppo NOVA (Nova 4 equivale agli alimenti ultra-trasformati), e per decifrare gli additivi alimentari, installa l'app gratuita di Open Food Facts!</p>
-
-<h2>Scansiona il codice QR con il tuo telefono per installare l'app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Installa l'app!</div> Scansiona questo <span id="everyday">Codice QR</span> con il tuo <span id="foods">telefono</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Installa l'app sul tuo telefono</h2>
-<a href="https://apps.apple.com/it/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=it">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/it_get.svg" alt="Disponibile su Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Italian.svg" alt="Disponibile su Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Disponibile come APK di Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Disponibile da F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>In Open Food Facts puoi anche aggiungere nuovi prodotti e creare un bene comune per migliorare l'alimentazione e la salute di ognuno. Grazie!</p>
-
-<div class="panel callout">
-<h2>Visualizza le ultime funzionalità</h2>
-<p><b>Giugno 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">App completamente ridisegnata per Android e iPhone: più personalizzata, più pedagogica e più intuitiva</a></p>
-<p><b>Gennaio 2021:</b> Le app <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">ricevono l'Eco-Score, inizialmente in Francia (annuncio in francese)</a></p>
-<p><b>Settembre 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Modalità scura, intelligenza artificiale, rilevamento di ingredienti vegetariani, vegani e con olio di palma e contributi offline (annuncio in francese)</a></p>
-<p><b>Giugno 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">Nuove app mobili di Open Food Facts per iPhone e Android</a><br>
-Nuove funzionalità: scansione continua, modalità offline, confronto di prodotti, elenchi, cronologia illimitata e altro!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Lancio dell'app mobile di Open Food Facts, la primissima app di scansione collaborativa per gli alimenti.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Prova la nuova app mobile Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scegli i prodotti che sono buoni per
+                    <span class="highlight-label yellow rotate-left">te</span>
+                    e il
+                    <span class="highlight-label blue rotate-right">pianeta</span>
+                </h1>
+                <p>Il più grande database alimentare aperto al mondo a portata di mano!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=it" title="Open Food Facts su Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponibile su Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts sull'App Store Apple">
+                <img
+                    src="/images/misc/appstore/black/appstore_IT.svg"
+                    alt="Disponibile su App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="Una scala con un Nutri-Score e una faccia sorridente sul lato sinistro della scala e un Eco Score e pianeta Terra sul lato destro" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Non sul tuo cellulare? Scansiona questo codice QR dal tuo cellulare per scaricare l'app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="Codice QR che collega a https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="App mobile di Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Una scansione che corrisponde veramente a
+                    <span class="highlight-label dark-orange rotate-right">chi sei</span>
+                </h1>
+                <p class="paragraph-top-margin">Dalla riduzione dell'assunzione di sale al diventare completamente vegano, è facile impostare le proprie preferenze personali nell'app e iniziare a ricevere consigli più intelligenti per il cibo.</p>
+                <p>Soprattutto, l'app ti avverte sempre se stai per mangiare qualcosa che contiene un allergene.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scansiona il cibo della tua vita quotidiana per avere il
+                    <span class="highlight-label orange rotate-left">quadro completo</span>
+                </h1>
+                <p class="paragraph-top-margin">Apri l'app Open Food Facts e punta la fotocamera al codice a barre del tuo cibo preferito!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="Un codice a barre in fase di scansione" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="Una lente d'ingrandimento sopra una scatola di cereali e un logo Nutri-Score" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Porta la tua
+                    <span class="highlight-label dark-green rotate-right">salute</span>
+                    al livello successivo
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=it" title="Open Food Facts su Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponibile su Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts sull'App Store Apple">
+                <img
+                    src="/images/misc/appstore/black/appstore_IT.svg"
+                    loading="lazy"
+                    alt="Disponibile su App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/it/texts/processing/mobile-app-promo-processing.html b/lang/it/texts/processing/mobile-app-promo-processing.html
index c2b4a80fd305..3dedf6cb1437 100644
--- a/lang/it/texts/processing/mobile-app-promo-processing.html
+++ b/lang/it/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Installa l'app mobile di Open Food Facts</h3>
 
 <p>Per scansionare i prodotti alimentari, ottenere il gruppo NOVA per gli alimenti ultra-trasformati, il loro punteggio nutrizionale Nutri-Score, gli avvisi sugli allergeni e decifrare gli additivi alimentari, installa l'app gratuita di Open Food Facts!</p>
-<a href="https://apps.apple.com/it/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=it"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/it_get.svg" alt="Disponibile su Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/iu/texts/open-food-facts-mobile-app.html b/lang/iu/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/iu/texts/open-food-facts-mobile-app.html
+++ b/lang/iu/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ja/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/ja/texts/nutriscore/mobile-app-promo-nutriscore.html
index b540f5c470cb..16218f0110db 100644
--- a/lang/ja/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/ja/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/jp/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ja"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows 11以降で利用可能" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/ja/texts/open-food-facts-mobile-app.html b/lang/ja/texts/open-food-facts-mobile-app.html
index 1d5693ffb596..290cf90a770d 100644
--- a/lang/ja/texts/open-food-facts-mobile-app.html
+++ b/lang/ja/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">インストール</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/jp/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ja">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ja_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Japanese.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Android APK として利用可能" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="F-Droidから入手可能" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p>2022年6月<b>日：</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">AndroidおよびiPhone用に完全に再デザインされたアプリ：よりパーソナライズされ、より教育的で、より直感的なものとなっております。</p>
-<p><b>2021 年 1 月:</b> アプリ <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">エコスコアを最初にフランスで取得 (フランス語での発表)</a></p>
-<p><b>2020 年 9 月:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">ダーク モード、人工知能、ベジタリアン、ビーガン、パーム油の検出、オフラインでの投稿 (フランス語での発表)</a></p>
-<p><b>2019 年 6 月:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">iPhone および Android 用の新しい Open Food Facts モバイル アプリ</a><br>
-新機能: 連続スキャン、オフライン モード、製品比較、リスト、無制限の履歴など !
-</p>
-<p>https://www.microsoft.com/ja-jp/p/openfoodfacts/9nblggh0dkqr
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ja" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_JP.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts モバイル アプリ">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ja" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_JP.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ja/texts/processing/mobile-app-promo-processing.html b/lang/ja/texts/processing/mobile-app-promo-processing.html
index 844c015f7b8a..403f3f25e813 100644
--- a/lang/ja/texts/processing/mobile-app-promo-processing.html
+++ b/lang/ja/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/jp/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ja"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/jv/texts/open-food-facts-mobile-app.html b/lang/jv/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/jv/texts/open-food-facts-mobile-app.html
+++ b/lang/jv/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ka/texts/open-food-facts-mobile-app.html b/lang/ka/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/ka/texts/open-food-facts-mobile-app.html
+++ b/lang/ka/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/kab/texts/open-food-facts-mobile-app.html b/lang/kab/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/kab/texts/open-food-facts-mobile-app.html
+++ b/lang/kab/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/kk/texts/open-food-facts-mobile-app.html b/lang/kk/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/kk/texts/open-food-facts-mobile-app.html
+++ b/lang/kk/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/km/texts/open-food-facts-mobile-app.html b/lang/km/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/km/texts/open-food-facts-mobile-app.html
+++ b/lang/km/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/kmr_TR/texts/open-food-facts-mobile-app.html b/lang/kmr_TR/texts/open-food-facts-mobile-app.html
index 5b9cc28f81b5..115e0b1d392d 100644
--- a/lang/kmr_TR/texts/open-food-facts-mobile-app.html
+++ b/lang/kmr_TR/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ku">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ku" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ku" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/kn/texts/open-food-facts-mobile-app.html b/lang/kn/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/kn/texts/open-food-facts-mobile-app.html
+++ b/lang/kn/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ko/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/ko/texts/nutriscore/mobile-app-promo-nutriscore.html
index 1514a17458c0..5e5c9ecd1c85 100644
--- a/lang/ko/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/ko/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Open Food Facts 모바일 앱 설치</h3>
 
 <p>식품을 스캔하기 위해, Nutri-Score 영양 등급, 울트라 프로세스 음식에 관한 NOVA 그룹, 알레르기 항원 경고을 얻으세요. 또한, 식품 첨가물을 해독하려면 무료 오픈 식품 정보 앱을 설치하세요!</p>
-<a href="https://apps.apple.com/kr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ko"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Google Play에서 사용 가능" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="안드로이드 APK"></a>
diff --git a/lang/ko/texts/open-food-facts-mobile-app.html b/lang/ko/texts/open-food-facts-mobile-app.html
index 50b427492e6e..07afe64d817e 100644
--- a/lang/ko/texts/open-food-facts-mobile-app.html
+++ b/lang/ko/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Open Food Facts 모바일 앱 설치</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/kr/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ko">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ko_get.svg" alt="Google Play에서 사용 가능" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Korean.svg" alt="Windows Phone Store에서 사용 가능" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>또한 Open Food Facts에 새로운 제품을 추가하고 모든 사람의 영양과 건강을 개선하기위한 공통 상품을 구축할 수 있습니다. 감사합니다!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">get the Eco-Score, initially in France  (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="새로운 Open Food Facts 모바일 앱을 사용해보십시오">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ko" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Google Play에서 사용 가능"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_KR.svg"
+                    alt="App Store에서 사용 가능"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ko" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Google Play에서 사용 가능"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_KR.svg"
+                    loading="lazy"
+                    alt="App Store에서 사용 가능"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ko/texts/processing/mobile-app-promo-processing.html b/lang/ko/texts/processing/mobile-app-promo-processing.html
index 4fd3a34a73c5..a03743931ef3 100644
--- a/lang/ko/texts/processing/mobile-app-promo-processing.html
+++ b/lang/ko/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Open Food Facts 모바일 앱 설치</h3>
 
 <p>식품 스캔을 위해, 노바 그룹에게 초 가공 식품, Nutri-Score 영양 등급, 알레르기 경보, 식품 첨가물 해독을 위해 무료 Open Food Facts 앱을 설치하십시오!</p>
-<a href="https://apps.apple.com/kr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ko"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Google Play에서 사용 가능" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="윈도우즈 폰 스토어" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="안드로이드 APK"></a>
diff --git a/lang/kw/texts/open-food-facts-mobile-app.html b/lang/kw/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/kw/texts/open-food-facts-mobile-app.html
+++ b/lang/kw/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ky/texts/open-food-facts-mobile-app.html b/lang/ky/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ky/texts/open-food-facts-mobile-app.html
+++ b/lang/ky/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/la/texts/open-food-facts-mobile-app.html b/lang/la/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/la/texts/open-food-facts-mobile-app.html
+++ b/lang/la/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/lb/texts/open-food-facts-mobile-app.html b/lang/lb/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/lb/texts/open-food-facts-mobile-app.html
+++ b/lang/lb/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/lo/texts/open-food-facts-mobile-app.html b/lang/lo/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/lo/texts/open-food-facts-mobile-app.html
+++ b/lang/lo/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/lol/texts/open-food-facts-mobile-app.html b/lang/lol/texts/open-food-facts-mobile-app.html
index b42667f6f97e..957bdc6dadf3 100644
--- a/lang/lol/texts/open-food-facts-mobile-app.html
+++ b/lang/lol/texts/open-food-facts-mobile-app.html
@@ -1,112 +1,204 @@
-<h1>crwdns212757:0crwdne212757:0</h1>
-
-<p>crwdns245023:0crwdne245023:0</p>
-
-<h2>crwdns245041:0crwdne245041:0</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">crwdns245047:0crwdne245047:0</div> crwdns245049:0crwdne245049:0
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>crwdns245043:0crwdne245043:0</h2>
-<a href="crwdns212761:0crwdne212761:0">
-<img src="crwdns212763:0crwdne212763:0" alt="crwdns212765:0crwdne212765:0" width="120" height="40" />
-</a>
-
-<a href="crwdns212767:0crwdne212767:0">
-<img src="crwdns212769:0crwdne212769:0" alt="crwdns212771:0crwdne212771:0" width="102" height="40" />
-</a>
-
-<a href="crwdns245045:0crwdne245045:0">
-<img src="crwdns212775:0crwdne212775:0" alt="crwdns212777:0crwdne212777:0" width="109" height="40px" />
-</a>
-
-<a href="crwdns212779:0crwdne212779:0">
-<img src="crwdns212781:0crwdne212781:0" loading="lazy" alt="crwdns212783:0crwdne212783:0" style="height: 40px;" /></a>
-
-<a href="crwdns212785:0crwdne212785:0">
-<img src="crwdns212787:0crwdne212787:0" loading="lazy" alt="crwdns212789:0crwdne212789:0" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>crwdns212791:0crwdne212791:0 crwdns212793:0crwdne212793:0</p>
-
-<div class="panel callout">
-<h2>crwdns245051:0crwdne245051:0</h2>
-<p>crwdns245053:0crwdne245053:0</p>
-<p>crwdns245055:0crwdne245055:0</p>
-<p>crwdns245057:0crwdne245057:0</p>
-<p>crwdns245059:0crwdne245059:0
-</p>
-<p>crwdns245061:0crwdne245061:0
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="crwdns245063:0crwdne245063:0" alt="crwdns245065:0crwdne245065:0">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    crwdns245281:0crwdne245281:0
+                </h1>
+                <p>crwdns245283:0crwdne245283:0</p>
+                <a href="crwdns212767:0crwdne212767:0" title="crwdns245285:0crwdne245285:0">
+                <img
+                    src="crwdns245287:0crwdne245287:0"
+                    alt="crwdns212771:0crwdne212771:0"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="crwdns245289:0crwdne245289:0" title="crwdns245291:0crwdne245291:0">
+                <img
+                    src="crwdns245293:0crwdne245293:0"
+                    alt="crwdns212765:0crwdne212765:0"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="crwdns245295:0crwdne245295:0" alt="crwdns245297:0crwdne245297:0" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>crwdns245299:0crwdne245299:0 crwdns245301:0crwdne245301:0</p>
+                <img src="crwdns245303:0crwdne245303:0" width="180" height="180" alt="crwdns245305:0crwdne245305:0">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="crwdns245307:0crwdne245307:0" alt="crwdns245309:0crwdne245309:0">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    crwdns245311:0crwdne245311:0
+                </h1>
+                <p class="paragraph-top-margin">crwdns245313:0crwdne245313:0</p>
+                <p>crwdns245315:0crwdne245315:0</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    crwdns245317:0crwdne245317:0
+                </h1>
+                <p class="paragraph-top-margin">crwdns245319:0crwdne245319:0</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="crwdns245321:0crwdne245321:0" alt="crwdns245323:0crwdne245323:0" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="crwdns245325:0crwdne245325:0" alt="crwdns245327:0crwdne245327:0" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    crwdns245329:0crwdne245329:0
+                </h1>
+                <p class="paragraph-top-margin">crwdns245331:0crwdne245331:0 crwdns245333:0crwdne245333:0</p>
+                <p>crwdns245335:0crwdne245335:0</p>
+                <a class="button round secondary small" href="crwdns245337:0crwdne245337:0">crwdns245339:0crwdne245339:0</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    crwdns245341:0crwdne245341:0
+                </h1>
+                <p class="paragraph-top-margin">crwdns245343:0crwdne245343:0</p>
+                <p>crwdns245345:0crwdne245345:0</p>
+                <a class="button round secondary small" href="crwdns245347:0crwdne245347:0">crwdns245349:0crwdne245349:0</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="crwdns245351:0crwdne245351:0"
+                    alt="crwdns245353:0crwdne245353:0"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="crwdns245355:0crwdne245355:0"
+                    alt="crwdns245357:0crwdne245357:0"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">crwdns245359:0crwdne245359:0</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>crwdns245361:0crwdne245361:0 crwdns245363:0crwdne245363:0 crwdns245365:0crwdne245365:0</p>
+                    <p>
+                        <strong>crwdns245367:0crwdne245367:0</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="crwdns245369:0crwdne245369:0"
+                        loading="lazy"
+                        alt="crwdns245371:0crwdne245371:0"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="crwdns245373:0crwdne245373:0" title="crwdns245375:0crwdne245375:0">
+                <img
+                    src="crwdns245377:0crwdne245377:0"
+                    loading="lazy"
+                    alt="crwdns245379:0crwdne245379:0"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="crwdns245381:0crwdne245381:0" title="crwdns245383:0crwdne245383:0">
+                <img
+                    src="crwdns245385:0crwdne245385:0"
+                    loading="lazy"
+                    alt="crwdns245387:0crwdne245387:0"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="crwdns212779:0crwdne212779:0" title="crwdns245389:0crwdne245389:0">
+                <img
+                    src="crwdns245391:0crwdne245391:0"
+                    loading="lazy"
+                    alt="crwdns245393:0crwdne245393:0"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="crwdns245395:0crwdne245395:0" title="crwdns245397:0crwdne245397:0">
+                <img
+                    src="crwdns245399:0crwdne245399:0"
+                    loading="lazy"
+                    alt="crwdns245401:0crwdne245401:0"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="crwdns245403:0crwdne245403:0"
+            alt="crwdns245405:0crwdne245405:0"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/lt/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/lt/texts/nutriscore/mobile-app-promo-nutriscore.html
index d8b11b10e1f9..ebd819e9cfc4 100644
--- a/lang/lt/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/lt/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/lt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lt"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Galima naudoti „Windows 11“ ir naujesnėms versijoms" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/lt/texts/open-food-facts-mobile-app.html b/lang/lt/texts/open-food-facts-mobile-app.html
index 4063db34da31..ff446fe060e7 100644
--- a/lang/lt/texts/open-food-facts-mobile-app.html
+++ b/lang/lt/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Telefonu nuskaitykite QR kodą, kad įdiegtumėte programėlę</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Atsisiųskite programėlę!</div> Nuskaitykite šį <span id="everyday">QR kodą</span> savo <span id="foods">telefonu</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Įdiekite programėlę savo telefone</h2>
-<a href="https://apps.apple.com/lt/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lt">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/lt_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Lithuanian.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>Peržiūrėkite naujausias funkcijas</h2>
-<p><b>2022 m. birželis:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">visiškai perkurta programėlė, skirta „Android“ ir „iPhone“: individualesnė, pedagogiškesnė ir intuityvesnė</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lt" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_LT.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lt" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_LT.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/lt/texts/processing/mobile-app-promo-processing.html b/lang/lt/texts/processing/mobile-app-promo-processing.html
index ca42e6a526ea..b591fe91dee6 100644
--- a/lang/lt/texts/processing/mobile-app-promo-processing.html
+++ b/lang/lt/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/lt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lt"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/lv/texts/open-food-facts-mobile-app.html b/lang/lv/texts/open-food-facts-mobile-app.html
index cd9d7bf5194c..00f8731eb9b6 100644
--- a/lang/lv/texts/open-food-facts-mobile-app.html
+++ b/lang/lv/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LV.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lv">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/lv_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Latvian.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Paldies!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lv" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_LV.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=lv" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_LV.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/mg/texts/open-food-facts-mobile-app.html b/lang/mg/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/mg/texts/open-food-facts-mobile-app.html
+++ b/lang/mg/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/mi/texts/open-food-facts-mobile-app.html b/lang/mi/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/mi/texts/open-food-facts-mobile-app.html
+++ b/lang/mi/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ml/texts/open-food-facts-mobile-app.html b/lang/ml/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ml/texts/open-food-facts-mobile-app.html
+++ b/lang/ml/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/mn/texts/open-food-facts-mobile-app.html b/lang/mn/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/mn/texts/open-food-facts-mobile-app.html
+++ b/lang/mn/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/mr/texts/open-food-facts-mobile-app.html b/lang/mr/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/mr/texts/open-food-facts-mobile-app.html
+++ b/lang/mr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ms/texts/open-food-facts-mobile-app.html b/lang/ms/texts/open-food-facts-mobile-app.html
index 09207a606d58..905eaea69ab4 100644
--- a/lang/ms/texts/open-food-facts-mobile-app.html
+++ b/lang/ms/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ms">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ms" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ms" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/mt/texts/open-food-facts-mobile-app.html b/lang/mt/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/mt/texts/open-food-facts-mobile-app.html
+++ b/lang/mt/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/my/texts/open-food-facts-mobile-app.html b/lang/my/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/my/texts/open-food-facts-mobile-app.html
+++ b/lang/my/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/nb/texts/open-food-facts-mobile-app.html b/lang/nb/texts/open-food-facts-mobile-app.html
index 53e6daee9cc2..81664a3e9288 100644
--- a/lang/nb/texts/open-food-facts-mobile-app.html
+++ b/lang/nb/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NO.svg" alt="Tilgjengelig på App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/no_get.svg" alt="Tilgjengelig på Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Norwegian.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Tusen takk!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Tilgjengelig på Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Tilgjengelig på App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Tilgjengelig på Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Tilgjengelig på App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ne/texts/open-food-facts-mobile-app.html b/lang/ne/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ne/texts/open-food-facts-mobile-app.html
+++ b/lang/ne/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/nl/texts/forest-footprint-of-food-products.html b/lang/nl/texts/forest-footprint-of-food-products.html
index a5920e83da7e..0a8c0b05d492 100644
--- a/lang/nl/texts/forest-footprint-of-food-products.html
+++ b/lang/nl/texts/forest-footprint-of-food-products.html
@@ -1,4 +1,4 @@
 <h1>Bosvoetafdruk van voedingsproducten</h1>
 <p>In collaboration with the <a href="https://envol-vert.org/en/">Envol Vert</a> NGO, Open Food Facts calculates its forest footprint for each product, which corresponds to the associated risk of deforestation to its ingredients.</p>
-<p>Deforestation in South America and particularly in Brazil is linked to the cultivation of soybeans, which are massively imported to feed the poultry that we eat or whose eggs we eat.</p>
+<p>De ontbossing in Zuid-Amerika en vooral in Brazilië houdt verband met de teelt van sojabonen, die massaal worden geïmporteerd om het pluimvee dat we eten of waarvan we de eieren eten te voeden.</p>
 <p>De berekening van de bosvoetafdruk is gebaseerd op de hoeveelheid kip en ei in elk product. The different categories and labels (organic, Label Rouge, Bleu Blanc Coeur, GMO food or not, etc.) make it possible to estimate the quantity of soy necessary for the production of each ingredient, the yield of its cultivation, and the risk of deforestation.</p>
diff --git a/lang/nl/texts/keyfacts.html b/lang/nl/texts/keyfacts.html
index d2624455b3e4..79884f5fcadb 100644
--- a/lang/nl/texts/keyfacts.html
+++ b/lang/nl/texts/keyfacts.html
@@ -4,51 +4,61 @@
             <td colspan="1" rowspan="1">
                 <p>Open Food Facts is een database met voedselinformatie die uniek is in de wereld:</p>
                 <ul>
-                    <li><b>collaboratief</b> : vergelijkbaar met Wikipedia, het heeft 16.000 bijdragers</li>
-                    <li><b>internationaal</b> en geen limiet voor grootte en producten: het is geboren in Frankrijk en bevat nu 700.000 producten in meer dan 180 landen - 16 landen hebben meer dan 1.000 producten, 8 meer dan 8.000</li>
+                    <li><b>collaboratief</b> : vergelijkbaar met Wikipedia, het heeft 60.000 bijdragers</li>
+                    <li><b>internationaal</b> en geen limiet voor grootte en producten: het is geboren in Frankrijk en bevat nu 3.000.000 producten in meer dan 180 landen - 16 landen hebben meer dan 1.000 producten, 8 meer dan 8.000</li>
                     <li><b>vrij herbruikbaar</b> (open data): tientallen bedrijven, onderzoekers, innovators hergebruiken de data vrij voor eigen gebruik</li>
                     <li>strikt <b>onafhankelijk</b> van agribusiness, het wordt beheerd door een vereniging volgens de Franse wet van 1901.</li>
                 </ul>
-                <p>Met 100.000 gebruikers / dag is Open Food Facts al in slechts 6 jaar tijd de <b>referentie voor voedselinformatie</b> in verschillende landen. Het ondersteunt onderzoek en overheidsbeleid gericht op een gezonder dieet.</p>
+                <p>Met 300.000 gebruikers / dag is Open Food Facts al in slechts 11 jaar tijd de <b>referentie voor voedselinformatie</b> in verschillende landen. Het ondersteunt onderzoek en overheidsbeleid gericht op een gezonder dieet.</p>
             </td>
         </tr>
     </tbody>
 </table>
 
-<h2>De 5 grote succesverhalen van Open Food Facts</h2>
-<p>
-<b>Creëren van de eerste vrij herbruikbare wereldwijde database over voedingsproducten</b>
-<br>
-Meer dan 700.000 producten geïdentificeerd door meer dan 16.000 bijdragers. De gegevens van Open Food Facts worden ook gepubliceerd op de officiële Franse open data portal, data.gouv.fr.
-</p>
+<div class="row text-center">
+<div class="large-12 columns">
+		<h2>De 5 belangrijkste succesverhalen van Open Food Facts?</h2>
+		<h4 class="subheader"></h4>
+		<p class="text-left"></p>
+</div>
+</div>
+<div class="row text-center">
+<div class="medium-3 columns">
+<h3>Het creëren van de eerste vrij herbruikbare wereldwijde database over voedingsmiddelen</h3>
+<p>Meer dan 700.000 producten geïdentificeerd door meer dan 16.000 bijdragers. De gegevens van Open Food Facts worden ook gepubliceerd op de officiële Franse open data portal, data.gouv.fr.</p>
+</div>
+<div class="medium-3 columns">
+<h3>Informatie geven aan het publiek en professionals</h3>
+<p>De consumenten-app is geïnstalleerd op meer dan 750.000 telefoons of tablets. De site en de applicatie worden gebruikt door 100.000 gebruikers / dag en 6 miljoen gebruikers per jaar.</p>
+</div>
+<div class="medium-3 columns">
+<h3>Promoten van voedingskwaliteitsindicatoren</h3>
+<p><!-- Make sure to translate the /open-food-facts-and-the-nutriscore url to your language with hyphens, no spaces and no special characters -->
+Al 3 jaar ondersteunt <a href="/open-food-facts-and-the-nutriscore">Open Food Facts de uitrol van Nutri-Score</a> in 5 Europese landen. In Frankrijk vertoont Open Food Facts de Nutri-Score sinds 2015, vóór de officiële goedkeuring. In Spanje en België gaat Open Food Facts ook voorop bij de invoering van Nutri-Score door deze landen. Open Food Facts hielp ook ultra-verwerking in de schijnwerpers te zetten door de NOVA-classificatie te berekenen, en maakte ecologische etikettering werkelijkheid door de Eco-Score op schaal te berekenen.</p>
+</div>
+</div>
 
-<p>
-    <b>Informeren van het grote publiek en professionals</b>
-    <br>
-    De consumenten-app is geïnstalleerd op meer dan 750.000 telefoons of tablets. De site en de applicatie worden gebruikt door 100.000 gebruikers / dag en 6 miljoen gebruikers per jaar.
-</p>
-<p>
-    <b>Bevorderen van voedingskwaliteitsindicatoren</b>
-    <!-- Make sure to translate the /open-food-facts-and-the-nutriscore url to your language with hyphens, no spaces and no special characters -->
-    <br>
-    Al 3 jaar ondersteunt <a href="/open-food-facts-and-the-nutriscore">Open Food Facts de uitrol van Nutri-Score</a> in 5 Europese landen. In Frankrijk vertoont Open Food Facts de Nutri-Score sinds 2015, vóór de officiële goedkeuring. In Spanje en België gaat Open Food Facts ook voorop bij de invoering van Nutri-Score door deze landen. Open Food Facts bevat ook andere indicatoren zoals de NOVA-classificatie.
-</p>
-
-<p>
-    <b>Het creëren en onderhouden van een <a href="/science">ecosysteem voor toepassingen en onderzoek</a></b>
-    <br>
-    Sinds zijn creatie heeft Open Food Facts een echt ecosysteem ontwikkeld voor het hergebruik van zijn gegevens. Omdat de gegevens van Open Food Facts vrij herbruikbaar zijn, zijn verschillende informatiesites, startups, onderzoekslaboratoria, docenten, enz. begonnen met hun activiteit en/of gebruiken ze de gegevens van Open Food Facts dagelijks: Yuka, Foodvisor, Scaneat, Ya Quoi Dedans (Wat zit erin) (Super U), BuyOrNot, nopalm.org, My Nutritional Info…
-</p>
-<p>
-    <b> Verander de praktijken van fabrikanten </b>
-    <br>
-    Sinds 2 jaar helpt Open Food Facts de werkwijzen van de voedingsindustrie te veranderen; ze kennen en vertrouwen op Open Food Facts om hun producten te vergelijken en te verbeteren. Veel bedrijven communiceren spontaan de gegevens van hun producten op het platform: Fleury Michon, Super U, Carrefour, Casino, etc.
-</p>
 
+<div class="row text-center">
+<div class="medium-3 columns">
+<h3>Het creëren en onderhouden van een <a href="/science">ecosysteem van gebruik en onderzoek</a></h3>
+<p>Sinds de oprichting heeft Open Food Facts een echt ecosysteem voor hergebruik van zijn gegevens ontwikkeld. Omdat de gegevens van Open Food Facts vrij herbruikbaar zijn, zijn verschillende informatiesites, startups, onderzoekslaboratoria, docenten, enz. begonnen met hun activiteit en/of gebruiken ze de gegevens van Open Food Facts dagelijks: Yuka, Foodvisor, Scaneat, Ya Quoi Dedans (Wat zit erin) (Super U), BuyOrNot, nopalm.org, My Nutritional Info…</p>
+</div>
+<div class="medium-3 columns">
+<h3>Wijzig de praktijken van fabrikanten</h3>
+<p>Twee jaar lang heeft Open Food Facts bijgedragen aan het veranderen van de praktijken in de voedingsindustrie; ze kennen en vertrouwen op Open Food Facts om hun producten te vergelijken en te verbeteren. Veel bedrijven communiceren spontaan de gegevens van hun producten op het platform: Fleury Michon, Super U, Carrefour, Casino, etc.</p>
+</div>
+<div class="medium-3 columns"></div>
+</div>
+<br><br>
+<div class="row text-center">
+<div class="large-12 columns">
 <h2>Wie gebruikt de gegevens van Open Food Facts?</h2>
-<p>
-Het zou te lang duren om alle organisaties te noemen die voortbouwen op het Open Food Facts-platform.
-</p>
+<h4 class="subheader">Het zou te lang duren om alle organisaties te noemen die voortbouwen op het Open Food Facts-platform.</h4>
+<p class="text-left"></p>
+</div>
+</div>
+
 <ul>
     <li>Meer dan 100 applicaties voor mobiele telefoons die voldoen aan de behoeften van verschillende doelgroepen: diabetes (VeryDiab), allergieën, voedselbalans via kunstmatige intelligentie (FoodVisor), handicaps en meer. Onze basis stond ook de oprichting van Yuka toe.</li>
     <li>Veel websites: HowMuchSugar.in, MadeNear.me…</li>
diff --git a/lang/nl/texts/nutriscore.html b/lang/nl/texts/nutriscore.html
index a019ae424c6e..5f2c74cff58c 100644
--- a/lang/nl/texts/nutriscore.html
+++ b/lang/nl/texts/nutriscore.html
@@ -94,10 +94,10 @@ <h2>Meer informatie over de Nutri-Score</h2>
 <ul>
 <li><a href="https://www.santepubliquefrance.fr/Sante-publique-France/Nutri-Score">Officiële Nutri-Score presentatie</a> en <a href="https://www.santepubliquefrance.fr/media/files/02-determinants-de-sante/nutrition-et-activite-physique/nutri-score/qr-scientifique-technique-en">Nutri-Score Wetenschappelijke en Technische FAQ</a> op de website van het Franse nationale volksgezondheidsbureau Santé Publique Frankrijk.</li>
 <li><a href="https://www.youtube.com/watch?v=GAwTyEEHnOs">Een video van 2 minuten: welke etikettering voor levensmiddelen?</a></li>
-<li><a href="https://www.youtube.com/watch?v=yW4QR5xdM28">Avec le Nutriscore, c'est plus facile de manger mieux (in French - Santé Publique France)</a></li>
-<li><a href="https://www.youtube.com/watch?v=D9rFCgZa9zs">Le dispositif Nutri-Score - Infographie pédagogique (in French - Santé Publique France)</a></li>
-<li><a href="https://www.youtube.com/watch?v=VmvMck-AOvM">NUTRI SCORE | Choisissez plus facilement (in French - Santé Belgique)</a></li>
-<li><a href="https://www.youtube.com/watch?v=8C10xsJlCpw">NUTRI SCORE | Choisissez plus facilement (in French - Santé Belgique)</a></li>
+<li><a href="https://www.youtube.com/watch?v=yW4QR5xdM28">Avec le Nutriscore, c'est plus facile de manger mieux (in het Frans - Santé Publique Frankrijk)</a></li>
+<li><a href="https://www.youtube.com/watch?v=D9rFCgZa9zs">Le dispositif Nutri-Score - Infographie pédagogique (in het Frans - Santé Publique Frankrijk)</a></li>
+<li><a href="https://www.youtube.com/watch?v=VmvMck-AOvM">NUTRI-SCORE | Choisissez plus facilement (in het Frans - Santé Belgique)</a></li>
+<li><a href="https://www.youtube.com/watch?v=8C10xsJlCpw">NUTRI-SCORE | Choisissez plus facilement (in het Frans - Santé Belgique)</a></li>
 <li><a href="https://www.youtube.com/watch?v=-DXDDt96NSM">NUTRI-SCORE | Kies gemakkelijker! (in het Nederlands - GezondheidBelgie)</a></li>
 <li><a href="https://www.youtube.com/watch?v=YaIZwKy8Kuc">NUTRI-SCORE | Kies gemakkelijker! (in het Nederlands - GezondheidBelgie)</a></li>
 <li><a href="https://www.youtube.com/watch?v=EdpajWaTQVA">Nutri-Score (in het Spaans)</a></li>
diff --git a/lang/nl/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/nl/texts/nutriscore/mobile-app-promo-nutriscore.html
index c33a181ea0e2..e2c37dc46da8 100644
--- a/lang/nl/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/nl/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Installeer de Open Food Facts app</h3>
 
 <p>Installeer de gratis Open Food Facts-app om voedselproducten te scannen, hun Nutri-Score-voedingsgraad te krijgen, de NOVA-groep voor ultraverwerkte voedingsmiddelen, allergenenwaarschuwingen en om voedseladditieven te ontcijferen!</p>
-<a href="https://apps.apple.com/nl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/nl_get.svg" alt="Beschikbaar op Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://static.openfoodfacts.org/images/misc/microsoft/Dutch.svg" alt="Beschikbaar voor Windows 11 en hoger" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/nl/texts/open-food-facts-mobile-app.html b/lang/nl/texts/open-food-facts-mobile-app.html
index 791c2f4d19d6..0202e629edcc 100644
--- a/lang/nl/texts/open-food-facts-mobile-app.html
+++ b/lang/nl/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Installeer de Open Food Facts app</h1>
-
-<p>Om voedingsproducten te scannen en hun Nutri-Score, hun Eco-Score, hun verwerkingsniveau bij de NOVA-groep (Nova 4 zijn ultraverwerkte voedingsmiddelen) en om voedseladditieven te ontcijferen, installeert u de gratis Open Food Facts-app!</p>
-
-<h2>Scan de QR-code met je telefoon om de app te installeren</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Installeer de app!</div> Scan deze <span id="everyday">QR-Code</span> met je <span id="foods">telefoon</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Installeer de app op je telefoon</h2>
-<a href="https://apps.apple.com/nl/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/nl_get.svg" alt="Beschikbaar op Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Dutch.svg" alt="Beschikbaar in de Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Beschikbaar als Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Beschikbaar vanaf F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Je kan ook nieuwe producten aan Open Food Facts toevoegen en zo een database opbouwen voor algemeen belang om de voeding en gezondheid voor iedereen te verbeteren. Bedankt!</p>
-
-<div class="panel callout">
-<h2>Bekijk de nieuwste functies</h2>
-<p><b>juni 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Volledig vernieuwde app voor Android en iPhone: persoonlijker, pedagogischer en intuïtiever</a></p>
-<p><b>januari 2021:</b> De apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">krijgen de Eco-Score, in eerste instantie in Frankrijk (aankondiging in het Frans)</a></p>
-<p><b>september 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Donkere modus, kunstmatige intelligentie, vegetarische, veganistische en palmoliedetectie en offline bijdragen (aankondiging in het Frans)</a></p>
-<p><b>juni 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">Nieuwe Open Food Facts mobiele apps voor iPhone en Android</a><br>
-Nieuwe functies: continue scan, offline modus, productvergelijking, lijsten, onbeperkte geschiedenis en meer!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Lancering van de Open Food Facts mobiele app, de allereerste collaboratieve scan-app voor voedsel.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Probeer de nieuwe mobiele Open Food Facts app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Kies producten die goed zijn voor
+                    <span class="highlight-label yellow rotate-left">jou</span>
+                    en voor de
+                    <span class="highlight-label blue rotate-right">planeet</span>
+                </h1>
+                <p>'s Werelds grootste open voedseldatabase binnen handbereik!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl" title="Open Food Facts op Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Beschikbaar op Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts in de Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_NL.svg"
+                    alt="Beschikbaar in de App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="Een weegschaal met een Nutri-Score en een smiley aan de linkerkant van de schaal en een Eco-Score en planeet Aarde aan de rechterkant" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Niet op je mobiel? Scan deze QR-code van uw mobiele telefoon om de app te downloaden!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-code die linkt naar https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobiele app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Een scan die echt matcht met
+                    <span class="highlight-label dark-orange rotate-right">wie je bent</span>
+                </h1>
+                <p class="paragraph-top-margin">Van het verminderen van uw zoutinname tot volledig veganistisch worden: u kunt eenvoudig uw eigen persoonlijke voorkeuren instellen in de app en slimmere aanbevelingen voor eten krijgen.</p>
+                <p>Beste van alles, de app waarschuwt u altijd als u iets gaat eten dat een allergeen bevat.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan het eten uit je dagelijks leven om de
+                    <span class="highlight-label orange rotate-left">volledige informatie</span> te krijgen
+                </h1>
+                <p class="paragraph-top-margin">Open de Open Food Facts-app en richt de camera op de streepjescode van je favoriete voedingsmiddel!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="Een streepjescode die wordt gescand" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="Een vergrootglas boven een doos ontbijtgranen en een Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Breng uw
+                    <span class="highlight-label dark-green rotate-right">gezondheid</span>
+                    naar een hoger niveau
+                </h1>
+                <p class="paragraph-top-margin">Ontcijfer verschillende etiketten, leer over voedingsinformatie en bereken direct de Nutri-Score van uw product: een voedingsetiket dat de voedingswaarde van voedingsmiddelen en dranken omzet in een totaalscore. Het is kinderspel!</p>
+                <p>De informatie wordt altijd weergegeven volgens uw voorkeuren.</p>
+                <a class="button round secondary small" href="/nutriscore">Lees meer over de Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan bijna elk voedingsmiddel om de impact ervan op de
+                    <span class="highlight-label blue rotate-right">planeet</span>te zien
+                </h1>
+                <p class="paragraph-top-margin">Leer meer over de milieu-impact van meer dan 600.000 voedingsmiddelen met de Eco-Score.</p>
+                <p>Blader door de kennispanelen voor informatie zoals de equivalente ecologische voetafdruk, de oorsprong van de ingrediënten en de mogelijke bedreiging van soorten tijdens het productieproces.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Lees meer over de Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="Een vergrootglas boven een pizza en planeet Aarde"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Doe mee met de voedselrevolutie"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Samen met meer dan 170.000 bijdragers wereldwijd!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“Ik ben dol op deze app!! Ik gebruik het bijna elke dag. Het helpt mij enorm bij het vinden van het juiste product voor mij!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Beoordeling in Google Play Store en Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl" title="Open Food Facts op Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Beschikbaar op Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts op F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Beschikbaar op F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app op Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download de APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts in de Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_NL.svg"
+                    loading="lazy"
+                    alt="Beschikbaar in de App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="Een puzzel met een hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/nl/texts/press.html b/lang/nl/texts/press.html
index 88249a408335..71386e66b744 100644
--- a/lang/nl/texts/press.html
+++ b/lang/nl/texts/press.html
@@ -155,7 +155,7 @@ <h4 class="subheader"></h4>
 <div class="large-12 columns">
 <h2>Het laatste nieuws</h2>
 <h4 class="subheader">Laatste berichten op de Engelse Open Food Facts-blog</h4>
-<p class="text-left"><a href="https://blog.openfoodfacts.org/">Engels Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/fr/">Frans Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/it/">Italiaans Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/es/">Spaans Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/de/">Duits Open Food Facts blog</a>- <a href="https://blog.openfoodfacts.org/bg/">Bulgaars Open Food Facts blog</a></p>
+<p class="text-left"><a href="https://blog.openfoodfacts.org/">Engelse Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/fr/">Franse Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/it/">Italiaanse Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/es/">Spaanse Open Food Facts blog</a> - <a href="https://blog.openfoodfacts.org/de/">Duitse Open Food Facts blog</a>- <a href="https://blog.openfoodfacts.org/bg/">Bulgaarse Open Food Facts blog</a></p>
 </div>
 
 <!-- start sw-rss-feed code --> 
diff --git a/lang/nl/texts/processing/mobile-app-promo-processing.html b/lang/nl/texts/processing/mobile-app-promo-processing.html
index 9f43a139fefc..a1fbe9e13a1e 100644
--- a/lang/nl/texts/processing/mobile-app-promo-processing.html
+++ b/lang/nl/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Installeer de Open Food Facts app</h3>
 
 <p>Download de gratis Open Food Facts-app om voedingsmiddelen te scannen door de NOVA-groep voor ultraverwerkte voedingsmiddelen, hun Nutri-Score voedingswaarde, allergenenwaarschuwingen en voedseladditieven te ontcijferen!</p>
-<a href="https://apps.apple.com/nl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/nl_get.svg" alt="Beschikbaar op Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://static.openfoodfacts.org/images/misc/microsoft/Dutch.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/nl/texts/sendinblue.html b/lang/nl/texts/sendinblue.html
index 390217f3146f..4025bc84d0d8 100644
--- a/lang/nl/texts/sendinblue.html
+++ b/lang/nl/texts/sendinblue.html
@@ -43,7 +43,7 @@
 <!-- background-color: #EFF2F7;  -->
 <div class="sib-form" style="text-align: center;">
   <div id="sib-form-container" class="sib-form-container">
-    <div id="error-message" class="sib-form-message-panel" style=" font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-width:px; border-color:#ff4949; max-width:540px; border-width:px;">
+    <div id="error-message" class="sib-form-message-panel" style=" font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:35px; border-width:px; border-color:#ff4949; max-width:540px; border-width:px;">
       <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
         <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
           <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"
@@ -68,13 +68,13 @@
         data-type="subscription">
         <div style="padding: 16px 0;">
           <div class="sib-form-block" style=" font-size:32px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent; border-width:px;">
-            <p>Nieuwsbrief voor journalisten</p>
+            <p>Schrijf u in voor onze nieuwsalerts voor journalisten</p>
           </div>
         </div>
         <div style="padding: 16px 0;">
           <div class="sib-form-block" style=" font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent; border-width:px;">
             <div class="sib-text-form-block">
-              <p>Meld je aan voor onze nieuwsbrief om ons te volgen. Wij zijn een vereniging en ons enige doel is jouw tijd te besparen. We sturen je alleen nieuws dat je voor je journalistieke werk kunt gebruiken.</p>
+              <p>Schrijf u in voor onze nieuwsbrief om ons belangrijke nieuws te volgen. Wij zijn een non-profitorganisatie en ons enige doel hiermee is het besparen van uw tijd als journalisten. We sturen je alleen nieuws dat je voor je journalistieke werk kunt gebruiken.</p>
             </div>
           </div>
         </div>
@@ -118,15 +118,6 @@
             </div>
           </div>
         </div>
-        <div style="padding: 16px 0;">
-          <div class="sib-form-block" style=" font-size:14px; text-align:center; font-family:&quot;Helvetica&quot;, sans-serif; color:#333; background-color:transparent; border-width:px;">
-            <div class="sib-text-form-block">
-              <p>
-                <a href="/legal" target="_blank">Voorwaarden en Privacy</a>
-              </p>
-            </div>
-          </div>
-        </div>
 
         <input type="text" name="email_address_check" value="" class="input--hidden">
         <input type="hidden" name="locale" value="eng">
diff --git a/lang/nl_BE/texts/open-food-facts-mobile-app.html b/lang/nl_BE/texts/open-food-facts-mobile-app.html
index ef88d7697f75..f224181ac4de 100644
--- a/lang/nl_BE/texts/open-food-facts-mobile-app.html
+++ b/lang/nl_BE/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Installeer de Open Food Facts app</h1>
-
-<p>Om voedingsproducten te scannen en hun Nutri-Score, hun Eco-Score, hun verwerkingsniveau bij de NOVA-groep (Nova 4 zijn ultraverwerkte voedingsmiddelen) en om voedseladditieven te ontcijferen, installeert u de gratis Open Food Facts-app!</p>
-
-<h2>Scan de QR-code met je telefoon om de app te installeren</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Installeer de app!</div> Scan deze <span id="everyday">QR-Code</span> met je <span id="foods">telefoon</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Installeer de app op je telefoon</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Beschikbaar in de App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Beschikbaar op Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Beschikbaar in de Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Beschikbaar als Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Verkrijgbaar bij F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Je kunt ook nieuwe producten toevoegen aan Open Food Facts en een gemeenschappelijk goed opbouwen om voeding en gezondheid voor iedereen te verbeteren. Hartelijk dank!</p>
-
-<div class="panel callout">
-<h2>Bekijk de nieuwste functies</h2>
-<p><b>juni 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Volledig vernieuwde app voor Android en iPhone: persoonlijker, pedagogischer en intuïtiever</a></p>
-<p><b>januari 2021:</b> De apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">krijgen de Eco-Score, in eerste instantie in Frankrijk (aankondiging in het Frans)</a></p>
-<p><b>september 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Donkere modus, kunstmatige intelligentie, vegetarische, veganistische en palmoliedetectie en offline bijdragen (aankondiging in het Frans)</a></p>
-<p><b>juni 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">Nieuwe Open Food Facts mobiele apps voor iPhone en Android</a><br>
-Nieuwe functies: continue scan, offline modus, productvergelijking, lijsten, onbeperkte geschiedenis en meer!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Lancering van de Open Food Facts mobiele app, de allereerste collaboratieve scan-app voor voedsel.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Probeer de nieuwe mobiele Open Food Facts app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Kies producten die goed zijn voor
+                    <span class="highlight-label yellow rotate-left">jou</span>
+                    en voor de
+                    <span class="highlight-label blue rotate-right">planeet</span>
+                </h1>
+                <p>'s Werelds grootste open voedseldatabase binnen handbereik!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl" title="Open Food Facts op Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Beschikbaar op Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts in de Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_NL.svg"
+                    alt="Beschikbaar in de App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="Een weegschaal met een Nutri-Score en een smiley aan de linkerkant van de schaal en een Eco-Score en planeet Aarde aan de rechterkant" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Niet op je smartphone? Scan deze QR-code vanaf uw apparaat om de app te downloaden!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-code die linkt naar https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobiele app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Een scan die echt past
+                    <span class="highlight-label dark-orange rotate-right">bij wie je bent</span>
+                </h1>
+                <p class="paragraph-top-margin">Van het verminderen van uw zoutinname tot volledig veganistisch worden: u kunt eenvoudig uw eigen persoonlijke voorkeuren instellen in de app en slimmere aanbevelingen voor eten krijgen.</p>
+                <p>Het beste van alles is dat de app u altijd waarschuwt als u op het punt staat iets te eten dat een allergeen bevat.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan het eten uit je dagelijks leven om de
+                    <span class="highlight-label orange rotate-left">volledige informatie</span> te krijgen
+                </h1>
+                <p class="paragraph-top-margin">Open de Open Food Facts-app en richt de camera op de streepjescode van je favoriete voedselproducten!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="Een streepjescode die wordt gescand" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="Een vergrootglas over een doos ontbijtgranenen een Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Breng uw
+                    <span class="highlight-label dark-green rotate-right">gezondheid</span>
+                    naar een hoger niveau
+                </h1>
+                <p class="paragraph-top-margin">Ontcijfer verschillende etiketten, leer over voedingswaarden en bereken direct de Nutri-Score van uw product: een voedingsetiket dat de voedingswaarde van voedingsmiddelen en dranken omzet in een totaalscore. Het is kinderspel!</p>
+                <p>De informatie wordt altijd weergegeven volgens uw voorkeuren.</p>
+                <a class="button round secondary small" href="/nutriscore">Lees meer over de Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan bijna elk voedsingsmiddel om de impact ervan op de
+                    <span class="highlight-label blue rotate-right">planeet</span> te zien
+                </h1>
+                <p class="paragraph-top-margin">Leer meer over de milieu-impact van meer dan 600.000 voedingsmiddelen met de Eco-Score.</p>
+                <p>Blader door de kennispanelen voor informatie zoals de equivalente ecologische voetafdruk, de oorsprong van de ingrediënten en de mogelijke bedreiging van soorten tijdens het productieproces.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Lees meer over de Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="Een vergrootglas boven een pizza en planeet Aarde"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Doe mee met de voedselrevolutie"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Samen met meer dan 170.000 bijdragers wereldwijd!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“Ik ben dol op deze app!! Ik gebruik het bijna elke dag. Het helpt mij enorm bij het vinden van het juiste product voor mij!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Beoordeling in de Google Play Store en de Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=nl" title="Open Food Facts op Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Beschikbaar op Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts op F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Beschikbaar op F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app op Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download de APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts in de Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_NL.svg"
+                    loading="lazy"
+                    alt="Beschikbaar in de App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="Een puzzel met een hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/nn/texts/open-food-facts-mobile-app.html b/lang/nn/texts/open-food-facts-mobile-app.html
index c29a5f3eaaa0..545a75c7c087 100644
--- a/lang/nn/texts/open-food-facts-mobile-app.html
+++ b/lang/nn/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NO.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/no_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Norwegian.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/no/texts/open-food-facts-mobile-app.html b/lang/no/texts/open-food-facts-mobile-app.html
index c29a5f3eaaa0..545a75c7c087 100644
--- a/lang/no/texts/open-food-facts-mobile-app.html
+++ b/lang/no/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NO.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/no_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Norwegian.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/nr/texts/open-food-facts-mobile-app.html b/lang/nr/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/nr/texts/open-food-facts-mobile-app.html
+++ b/lang/nr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/obf/nl/texts/contribute.html b/lang/obf/nl/texts/contribute.html
index 3c798fba0c98..d664d2935e8d 100644
--- a/lang/obf/nl/texts/contribute.html
+++ b/lang/obf/nl/texts/contribute.html
@@ -9,7 +9,7 @@ <h2 class="subheader">Het enige dat je nodig hebt, is een scan-houding! :-)</h2>
         for your language. Something that says that it's easy to contribute and that all that is needed is good will and a positive / can-do attitude -->
         <blockquote>Kunnen we de cosmetica-industrie opener en inzichtelijker maken? Ja we scannen!
         <!-- note to translators: please translate "Can we make the cosmetics industry more open and transparent" but keep "Yes we scan!" in English -->
-        <cite> In amper een week tijd al 30 Open Beauty Facts bijdragers en groeiend! </cite></blockquote>
+        <cite>Binnen amper een week al 30 Open Beauty Facts-bijdragers en het groeit nog steeds!</cite></blockquote>
     </div>
     
     <div class="text-center small-12 medium-4 columns">
diff --git a/lang/oc/texts/open-food-facts-mobile-app.html b/lang/oc/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/oc/texts/open-food-facts-mobile-app.html
+++ b/lang/oc/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/opf/bg/texts/open-products-facts-mobile-app.html b/lang/opf/bg/texts/open-products-facts-mobile-app.html
index 1e29e636759d..79fa10b45520 100644
--- a/lang/opf/bg/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/bg/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Инсталирайте мобилното приложение Open Produc
 
 <p>За да сканирате нехранителни и некозметични продукти, като книги, DVD дискове, почистващи продукти, инсталирайте безплатното приложение Open Products Facts!</p>
 
-<a href="https://apps.apple.com/bg/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=bg"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/bg_get.svg" alt="Предлага се в Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/da/texts/open-products-facts-mobile-app.html b/lang/opf/da/texts/open-products-facts-mobile-app.html
index 5f1a7ec43d11..dc362e4f9f0e 100644
--- a/lang/opf/da/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/da/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/dk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=da"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/da_get.svg" alt="Tilgængelig i Google Play Butik" width="102" height="40" /></a>
 
diff --git a/lang/opf/de/texts/open-products-facts-mobile-app.html b/lang/opf/de/texts/open-products-facts-mobile-app.html
index 80ed13d848ed..7b66c838f39f 100644
--- a/lang/opf/de/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/de/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installieren Sie die App Open Products Facts auf Ihr Mobilgerät</h1>
 
 <p>Zum Erfassen von Produkten, die keine Lebensmittel oder Kosmetika sind, wie z. B. Bücher, DVDs oder Reinigungsmittel, installieren Sie die kostenlose App „Open Products Facts”!</p>
 
-<a href="https://apps.apple.com/de/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=de"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/de_get.svg" alt="Bei Google Play erhältlich" width="102" height="40" /></a>
 
diff --git a/lang/opf/el/texts/open-products-facts-mobile-app.html b/lang/opf/el/texts/open-products-facts-mobile-app.html
index 35f44f02fad6..93dd207eebe3 100644
--- a/lang/opf/el/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/el/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/gr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/el_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/es/texts/open-products-facts-mobile-app.html b/lang/opf/es/texts/open-products-facts-mobile-app.html
index b6ede0d1e771..64da312caac5 100644
--- a/lang/opf/es/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/es/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/es/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=es"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/es_get.svg" alt="Disponible en Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/fi/texts/open-products-facts-mobile-app.html b/lang/opf/fi/texts/open-products-facts-mobile-app.html
index 49ab031313a9..f0f2d8002562 100644
--- a/lang/opf/fi/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/fi/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/fi/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=fi"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fi_get.svg" alt="Saatavilla Google Playstä" width="102" height="40" /></a>
 
diff --git a/lang/opf/fr/texts/open-products-facts-mobile-app.html b/lang/opf/fr/texts/open-products-facts-mobile-app.html
index 7e362b35607d..cc85a35c62f0 100644
--- a/lang/opf/fr/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/fr/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installer l'application mobile Open Products Facts</h1>
 
 <p>Pour scanner des produits non-alimentaires et non-cosmétiques, comme les livres, les DVDs ou les produits de nettoyage, installez notre application gratuite Open Products Facts !</p>
 
-<a href="https://apps.apple.com/fr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=fr"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fr_get.svg" alt="Disponible sur Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/he/texts/open-products-facts-mobile-app.html b/lang/opf/he/texts/open-products-facts-mobile-app.html
index e03e15d92309..9036b2434db6 100644
--- a/lang/opf/he/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/he/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>התקנת היישומון Open Products Facts לניידים</h1>
 
 <p>כדי לסרוק מוצרים שאינם מזון, ואינם למטרות טיפוח, כגון ספרים, DVD, מוצרי ניקוי, יש להתקין את יישומון Open Products Facts החינמי!</p>
 
-<a href="https://apps.apple.com/il/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=he"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/iw_get.svg" alt="זמין ב־Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/hr/texts/open-products-facts-mobile-app.html b/lang/opf/hr/texts/open-products-facts-mobile-app.html
index 4496a76e6a15..2b88dc99c96b 100644
--- a/lang/opf/hr/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/hr/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/hr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/hu/texts/open-products-facts-mobile-app.html b/lang/opf/hu/texts/open-products-facts-mobile-app.html
index ea1d9d43d15d..73e0b9de6e52 100644
--- a/lang/opf/hu/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/hu/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/hu/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=hu"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/hu_get.svg" alt="Elérhető Google Playen" width="102" height="40" /></a>
 
diff --git a/lang/opf/it/texts/open-products-facts-mobile-app.html b/lang/opf/it/texts/open-products-facts-mobile-app.html
index c7ab675f85ac..0a4029afd433 100644
--- a/lang/opf/it/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/it/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installa l'app mobile di Open Products Facts</h1>
 
 <p>Per scansionare prodotti non alimentari e non cosmetici, quali libri, DVD, prodotti per la pulizia, installa l'app gratuita di Open Products Facts!</p>
 
-<a href="https://apps.apple.com/it/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=it"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/it_get.svg" alt="Disponibile su Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/ja/texts/open-products-facts-mobile-app.html b/lang/opf/ja/texts/open-products-facts-mobile-app.html
index 695ac2e2e584..28d6bc830a8b 100644
--- a/lang/opf/ja/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/ja/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Open Products Facts モバイル アプリをインストールする</h1>
 
 <p>本、DVD、クリーニング製品など、非食品、非化粧品をスキャンするには、無料の Open Products Facts アプリをインストールしてください。</p>
 
-<a href="https://apps.apple.com/jp/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ja_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/ko/texts/open-products-facts-mobile-app.html b/lang/opf/ko/texts/open-products-facts-mobile-app.html
index caa639cf1834..bfda0670cef3 100644
--- a/lang/opf/ko/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/ko/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/kr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=ko"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ko_get.svg" alt="Google Play에서 사용 가능" width="102" height="40" /></a>
 
diff --git a/lang/opf/lt/texts/open-products-facts-mobile-app.html b/lang/opf/lt/texts/open-products-facts-mobile-app.html
index 385d2588c344..bdba03260590 100644
--- a/lang/opf/lt/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/lt/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/lt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/lt_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/nl/texts/open-products-facts-mobile-app.html b/lang/opf/nl/texts/open-products-facts-mobile-app.html
index ea71cbff8a1c..e4b5b5624540 100644
--- a/lang/opf/nl/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/nl/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installeer de mobiele app Open Products Facts</h1>
 
 <p>Om non-food, niet-cosmetische producten zoals boeken, dvd's, schoonmaakproducten te scannen, installeer je de gratis app Open Products Facts!</p>
 
-<a href="https://apps.apple.com/nl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=nl"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/nl_get.svg" alt="Beschikbaar op Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/pl/texts/open-products-facts-mobile-app.html b/lang/opf/pl/texts/open-products-facts-mobile-app.html
index e3e76fc306f9..7b8511f83f29 100644
--- a/lang/opf/pl/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/pl/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/pl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=pl"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pl_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/pt_BR/texts/open-products-facts-mobile-app.html b/lang/opf/pt_BR/texts/open-products-facts-mobile-app.html
index 0ad48cbb8122..8d8f9bd21ec6 100644
--- a/lang/opf/pt_BR/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/pt_BR/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instale o aplicativo móvel Open Products Facts</h1>
 
 <p>Para escanear produtos não alimentícios e não cosméticos, como livros, DVDs, produtos de limpeza, instale o aplicativo gratuito Open Products Facts!</p>
 
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=pt"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt-br_get.svg" alt="Disponível no Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/pt_PT/texts/open-products-facts-mobile-app.html b/lang/opf/pt_PT/texts/open-products-facts-mobile-app.html
index f6d7c58c7f91..7c4113927173 100644
--- a/lang/opf/pt_PT/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/pt_PT/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instale a aplicação móvel Open Products Facts</h1>
 
 <p>Para digitalizar produtos não alimentares e não cosméticos, como livros, DVDs, produtos de limpeza, instale a aplicação gratuita Open Products Facts!</p>
 
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=pt"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/ro/texts/open-products-facts-mobile-app.html b/lang/opf/ro/texts/open-products-facts-mobile-app.html
index c44d01b0d36c..8d3b81d08df6 100644
--- a/lang/opf/ro/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/ro/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instalați aplicația mobilă Open Products Facts</h1>
 
 <p>Pentru a scana produse non-alimentare, non-cosmetice, cum ar fi cărți, DVD-uri, produse de curățare, instalați aplicația gratuită Open Products Facts!</p>
 
-<a href="https://apps.apple.com/ro/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=ro"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ro_get.svg" alt="Disponibil pe Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/ru/texts/open-products-facts-mobile-app.html b/lang/opf/ru/texts/open-products-facts-mobile-app.html
index 50394b9e9908..d2d8940f1f68 100644
--- a/lang/opf/ru/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/ru/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Установите приложение Open Products Facts</h1>
 
 <p>Чтобы сканировать непродовольственные и некосметические товары, такие как книги, DVD-диски, чистящие средства, установите бесплатное приложение Open Products Facts!</p>
 
-<a href="https://apps.apple.com/ru/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=ru"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ru_get.svg" alt="Доступно в Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/sv/texts/open-products-facts-mobile-app.html b/lang/opf/sv/texts/open-products-facts-mobile-app.html
index e93f4b860fc9..531c289b44c8 100644
--- a/lang/opf/sv/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/sv/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/se/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=sv"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/sv_get.svg" alt="Finns på Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/th/texts/open-products-facts-mobile-app.html b/lang/opf/th/texts/open-products-facts-mobile-app.html
index 7955d458b225..7179bfd00155 100644
--- a/lang/opf/th/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/th/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/th/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/th_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/uk/texts/open-products-facts-mobile-app.html b/lang/opf/uk/texts/open-products-facts-mobile-app.html
index e4bfd6c6b084..c8d59c7c87dc 100644
--- a/lang/opf/uk/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/uk/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/ua/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Доступно на Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/vi/texts/open-products-facts-mobile-app.html b/lang/opf/vi/texts/open-products-facts-mobile-app.html
index 20f6448fcaa1..80226e6d5aa0 100644
--- a/lang/opf/vi/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/vi/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/vn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/vi_get.svg" alt="Có trên Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/zh_CN/texts/open-products-facts-mobile-app.html b/lang/opf/zh_CN/texts/open-products-facts-mobile-app.html
index 49d914adb701..661489c1cddb 100644
--- a/lang/opf/zh_CN/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/zh_CN/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/cn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opf/zh_HK/texts/open-products-facts-mobile-app.html b/lang/opf/zh_HK/texts/open-products-facts-mobile-app.html
index 7ccfaee01c70..c91bc0e4d0bd 100644
--- a/lang/opf/zh_HK/texts/open-products-facts-mobile-app.html
+++ b/lang/opf/zh_HK/texts/open-products-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Products Facts mobile app</h1>
 
 <p>To scan non-food, non-cosmetic products, such as books, DVDs, cleaning products, install the free Open Products Facts app!</p>
 
-<a href="https://apps.apple.com/hk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openproductsfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/bg/texts/open-pet-food-facts-mobile-app.html b/lang/opff/bg/texts/open-pet-food-facts-mobile-app.html
index a0f2a962bb66..b8256f7a642e 100644
--- a/lang/opff/bg/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/bg/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Инсталирай мобилното приложение на Open Pet F
 
 <p>За да сканираш хранителни продукти за домашни любимци, да разбереш дали това е свръхпреработена храна и да дешифрираш хранителните добавки за домашни любимци, инсталирай безплатното приложение на Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/bg/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_BG.svg" alt="Предлага се в App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en&hl=bg"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/bg_get.svg" alt="Предлага се в Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/da/texts/open-pet-food-facts-mobile-app.html b/lang/opff/da/texts/open-pet-food-facts-mobile-app.html
index 177adc4f63ec..fc19be8e22bf 100644
--- a/lang/opff/da/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/da/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installér mobil-appen Open Pet Food Facts</h1>
 
 <p>Installér den gratis app Open Pet Food Facts til at skanne dyrefoderprodukter for at vide, om de er ultraforarbejdede samt afkode dyrefodertilsætningsstoffer!</p>
 
-<a href="https://apps.apple.com/dk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DK.svg" alt="Tilgængelig i App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=da"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/da_get.svg" alt="Tilgængelig i Google Play Butik" width="102" height="40" /></a>
 
diff --git a/lang/opff/de/texts/open-pet-food-facts-mobile-app.html b/lang/opff/de/texts/open-pet-food-facts-mobile-app.html
index 014e9a7bf602..3080dc5c606b 100644
--- a/lang/opff/de/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/de/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installieren Sie die App Open Pet Food Facts auf Ihr Mobilgerät</h1>
 
 <p>Um Tiernahrungsprodukte zu erfassen, um festzustellen, ob es sich um ultra-hochverarbeitetes Futter handelt, und um Tiernahrungszusätze zu entschlüsseln, installieren Sie die kostenlose App „Open Pet Food Facts”!</p>
 
-<a href="https://apps.apple.com/de/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_DE.svg" alt="Im App Store erhältlich" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=de"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/de_get.svg" alt="Bei Google Play erhältlich" width="102" height="40" /></a>
 
diff --git a/lang/opff/el/texts/open-pet-food-facts-mobile-app.html b/lang/opff/el/texts/open-pet-food-facts-mobile-app.html
index 15880976938e..346b06e80c2e 100644
--- a/lang/opff/el/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/el/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/gr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_GR.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/el_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/en/texts/data.html b/lang/opff/en/texts/data.html
index 5e6712058138..caf13ddf38c9 100644
--- a/lang/opff/en/texts/data.html
+++ b/lang/opff/en/texts/data.html
@@ -70,9 +70,9 @@ <h2>Live JSON API</h2>
 
 <p>We change the API over-time but we are careful to keep backwards compatibility. Please tell us if you use it, so that we can tell you about potential changes.</p>
 
-<p>URL to read data for a product: https://world.openpetfoodfacts.org/api/v2/product/<i>[barcode]</i>.json</p>
+<p>URL to read data for a product: https://world.openpetfoodfacts.org/api/v0/product/<i>[barcode]</i>.json</p>
 
-<p>Example: <a href="https://world.openpetfoodfacts.org/api/v2/product/3600550578041.json">https://world.openpetfoodfacts.org/api/v2/product/3600550578041.json</a></p>
+<p>Example: <a href="https://world.openpetfoodfacts.org/api/v0/product/3600550578041.json">https://world.openpetfoodfacts.org/api/v0/product/3600550578041.json</a></p>
 
 <ul>
 <li>
diff --git a/lang/opff/es/texts/open-pet-food-facts-mobile-app.html b/lang/opff/es/texts/open-pet-food-facts-mobile-app.html
index 6c75bc0fbb1b..e818de3a2a88 100644
--- a/lang/opff/es/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/es/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instale la aplicación móvil Open Pet Food Facts</h1>
 
 <p>Para escanear productos alimenticios para mascotas, para saber si es un alimento ultra procesado. y para descifrar los aditivos alimentarios para mascotas, instala la aplicación gratuita Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/es/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_ES.svg" alt="Disponible en la App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=es"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/es_get.svg" alt="Disponible en Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/fi/texts/open-pet-food-facts-mobile-app.html b/lang/opff/fi/texts/open-pet-food-facts-mobile-app.html
index c2a061fd3d57..9f93ec8e2324 100644
--- a/lang/opff/fi/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/fi/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/fi/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FI.svg" alt="Saatavilla App Storesta" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=fi"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fi_get.svg" alt="Saatavilla Google Playstä" width="102" height="40" /></a>
 
diff --git a/lang/opff/fr/texts/open-pet-food-facts-mobile-app.html b/lang/opff/fr/texts/open-pet-food-facts-mobile-app.html
index 0ee0ef922fc3..670fcac1648a 100644
--- a/lang/opff/fr/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/fr/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installer l'application mobile Open Pet Food Facts</h1>
 
 <p>Pour scanner des produits pour animaux, pour savoir s'ils sont hautement transformés et pour déchiffrer les additifs, installer l'application gratuite Open Pet Food Facts !</p>
 
-<a href="https://apps.apple.com/fr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_FR.svg" alt="Disponible sur l'App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=fr"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/fr_get.svg" alt="Disponible sur Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/he/texts/open-pet-food-facts-mobile-app.html b/lang/opff/he/texts/open-pet-food-facts-mobile-app.html
index 4c52a2ec10bb..452750d0cb34 100644
--- a/lang/opff/he/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/he/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>התקנת היישומון Open Pet Food Facts לניידים</h1>
 
 <p>כדי לסרוק מוצרי מזון לחיות מחמד, כדי לדעת אם זה מזון אולטרא מעובד וכדי לפענח תוספי מזון, יש להתקין את היישומון החינמי Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/il/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="זמין ב־App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/iw_get.svg" alt="זמין ב־Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/hr/texts/open-pet-food-facts-mobile-app.html b/lang/opff/hr/texts/open-pet-food-facts-mobile-app.html
index 03021daf70ff..a6b1877831b2 100644
--- a/lang/opff/hr/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/hr/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/hr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/hu/texts/open-pet-food-facts-mobile-app.html b/lang/opff/hu/texts/open-pet-food-facts-mobile-app.html
index 14d6b0df9ab4..4f9620a7124e 100644
--- a/lang/opff/hu/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/hu/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/hu/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_HU.svg" alt="Elérhető az App Store-ban" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=hu"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/hu_get.svg" alt="Elérhető Google Playen" width="102" height="40" /></a>
 
diff --git a/lang/opff/it/texts/open-pet-food-facts-mobile-app.html b/lang/opff/it/texts/open-pet-food-facts-mobile-app.html
index 5fe529ef9996..144f07708558 100644
--- a/lang/opff/it/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/it/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installa l'app mobile di Open Pet Food Facts</h1>
 
 <p>Per scansionare i prodotti alimentari per animali domestici, per scoprire se si tratta di alimenti ultra-trasformati e per decifrare gli additivi degli alimenti per animali domestici, installa l'app gratuita Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/it/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_IT.svg" alt="Disponibile su App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=it"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/it_get.svg" alt="Disponibile su Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/ja/texts/open-pet-food-facts-mobile-app.html b/lang/opff/ja/texts/open-pet-food-facts-mobile-app.html
index ecbcb46ec62c..f83a87ada06a 100644
--- a/lang/opff/ja/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/ja/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Open Products Facts モバイル アプリをインストールする</h1>
 
 <p>ペットフード製品をスキャンするには、それが超加工食品であるかどうかを知るために。 そしてペットフードの添加物をdecypher pet Food Facts 無料でインストールしてください!</p>
 
-<a href="https://apps.apple.com/jp/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_JP.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=ja"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ja_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/ko/texts/open-pet-food-facts-mobile-app.html b/lang/opff/ko/texts/open-pet-food-facts-mobile-app.html
index 4701e4517588..9cad70ffd182 100644
--- a/lang/opff/ko/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/ko/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/kr/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_KR.svg" alt="App Store에서 사용 가능" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=ko"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ko_get.svg" alt="Google Play에서 사용 가능" width="102" height="40" /></a>
 
diff --git a/lang/opff/lt/texts/open-pet-food-facts-mobile-app.html b/lang/opff/lt/texts/open-pet-food-facts-mobile-app.html
index 0395c7869120..29885c0d3232 100644
--- a/lang/opff/lt/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/lt/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/lt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_LT.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/lt_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/nl/texts/open-pet-food-facts-mobile-app.html b/lang/opff/nl/texts/open-pet-food-facts-mobile-app.html
index 95e70409a321..e09755e827e9 100644
--- a/lang/opff/nl/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/nl/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Installeer de Open Pet Food Facts app</h1>
 
 <p>Installeer de gratis Open Pet Food Facts-app om diervoederproducten te scannen, om te weten of het een ultraverwerkt voedsel is en om diervoedseladditieven te ontcijferen!</p>
 
-<a href="https://apps.apple.com/nl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_NL.svg" alt="Beschikbaar in de App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=nl"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/nl_get.svg" alt="Beschikbaar op Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/pl/texts/open-pet-food-facts-mobile-app.html b/lang/opff/pl/texts/open-pet-food-facts-mobile-app.html
index d51a724790b4..f58e14e4f06d 100644
--- a/lang/opff/pl/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/pl/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/pl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=pl"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pl_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/pt_BR/texts/open-pet-food-facts-mobile-app.html b/lang/opff/pt_BR/texts/open-pet-food-facts-mobile-app.html
index 587071b2ebcd..2a9b7d4d646c 100644
--- a/lang/opff/pt_BR/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/pt_BR/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instale o aplicativo móvel Open Pet Food Facts</h1>
 
 <p>Para digitalizar alimentos para animais de estimação, saber se é um alimento ultraprocessado e decifrar aditivos alimentares para animais de estimação, instale o aplicativo gratuito Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=pt"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt-br_get.svg" alt="Disponível no Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/pt_PT/texts/open-pet-food-facts-mobile-app.html b/lang/opff/pt_PT/texts/open-pet-food-facts-mobile-app.html
index 8810ff100312..d6c20e0bb951 100644
--- a/lang/opff/pt_PT/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/pt_PT/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instale a aplicação Open Pet Food Facts</h1>
 
 <p>Para digitalizar alimentos para animais de estimação, saber se é um alimento ultraprocessado e decifrar os aditivos alimentares para animais de estimação, instale a aplicação gratuita Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=pt"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/ro/texts/open-pet-food-facts-mobile-app.html b/lang/opff/ro/texts/open-pet-food-facts-mobile-app.html
index cb5177116a6d..ad3c354af99f 100644
--- a/lang/opff/ro/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/ro/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Instalați aplicația mobilă Open Pet Food Facts</h1>
 
 <p>Pentru a scana produse alimentare pentru animale de companie, pentru a ști dacă este un aliment ultraprocesat și pentru a descifra aditivii pentru hrana pentru animale de companie, instalați aplicația gratuită Open Pet Food Facts!</p>
 
-<a href="https://apps.apple.com/ro/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=ro"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ro_get.svg" alt="Disponibil pe Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/ru/texts/open-pet-food-facts-mobile-app.html b/lang/opff/ru/texts/open-pet-food-facts-mobile-app.html
index f2d47e8599fb..83b3893e0867 100644
--- a/lang/opff/ru/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/ru/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Установите мобильное приложение Open Pet Food F
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/ru/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=ru"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ru_get.svg" alt="Доступно в Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/sv/texts/open-pet-food-facts-mobile-app.html b/lang/opff/sv/texts/open-pet-food-facts-mobile-app.html
index 732bbb3921ac..8005a70ed11c 100644
--- a/lang/opff/sv/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/sv/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/se/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=sv"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/sv_get.svg" alt="Finns på Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/th/texts/open-pet-food-facts-mobile-app.html b/lang/opff/th/texts/open-pet-food-facts-mobile-app.html
index c823c8b6b4fe..e280ee145443 100644
--- a/lang/opff/th/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/th/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/th/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/th_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/uk/texts/open-pet-food-facts-mobile-app.html b/lang/opff/uk/texts/open-pet-food-facts-mobile-app.html
index a85ac31ccb71..10cb5348864b 100644
--- a/lang/opff/uk/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/uk/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/ua/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=en"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Доступно на Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/vi/texts/open-pet-food-facts-mobile-app.html b/lang/opff/vi/texts/open-pet-food-facts-mobile-app.html
index d0b637caca81..3a72fe0937f6 100644
--- a/lang/opff/vi/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/vi/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Cài đặt ứng dụng di động Open Pet Food Facts</h1>
 
 <p>Để quét các sản phẩm thức ăn cho thú cưng, để biết liệu đó có phải là thực phẩm siêu chế biến hay không và để giải mã các chất phụ gia trong thức ăn cho thú cưng, hãy cài đặt ứng dụng Open Pet Food Facts miễn phí!</p>
 
-<a href="https://apps.apple.com/vn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=vi"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/vi_get.svg" alt="Có trên Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/zh_CN/texts/open-pet-food-facts-mobile-app.html b/lang/opff/zh_CN/texts/open-pet-food-facts-mobile-app.html
index 3c7ca1bee675..8cdabe666101 100644
--- a/lang/opff/zh_CN/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/zh_CN/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/cn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=zh_cn"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/opff/zh_HK/texts/open-pet-food-facts-mobile-app.html b/lang/opff/zh_HK/texts/open-pet-food-facts-mobile-app.html
index e8b94410af0d..749046cee97b 100644
--- a/lang/opff/zh_HK/texts/open-pet-food-facts-mobile-app.html
+++ b/lang/opff/zh_HK/texts/open-pet-food-facts-mobile-app.html
@@ -2,7 +2,7 @@ <h1>Install the Open Pet Food Facts mobile app</h1>
 
 <p>To scan pet food products, to know if it's an ultra-processed food, and to decypher pet food additives, install the free Open Pet Food Facts app!</p>
 
-<a href="https://apps.apple.com/hk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" /></a>
 
 <a href="https://play.google.com/store/apps/details?id=org.openpetfoodfacts.scanner&hl=zh_hk"><img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" /></a>
 
diff --git a/lang/or/texts/open-food-facts-mobile-app.html b/lang/or/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/or/texts/open-food-facts-mobile-app.html
+++ b/lang/or/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/pa/texts/open-food-facts-mobile-app.html b/lang/pa/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/pa/texts/open-food-facts-mobile-app.html
+++ b/lang/pa/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/pl/emails/user_welcome.html b/lang/pl/emails/user_welcome.html
index 7a64015e0762..5cbde3fe7b8f 100644
--- a/lang/pl/emails/user_welcome.html
+++ b/lang/pl/emails/user_welcome.html
@@ -21,4 +21,4 @@
 }</style><style media="screen and (min-width:480px)">.moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }</style><style type="text/css">@media only screen and (max-width:480px) {
 table.mj-full-width-mobile { width: 100% !important; }
 td.mj-full-width-mobile { width: auto !important; }
-}</style></head><body style="word-spacing:normal;background-color:#F5F5F5;"><div style="background-color:#F5F5F5;"><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"><tbody><tr><td style="width:300px;"><img height="auto" src="https://static.openfoodfacts.org/images/logos/off-logo-horizontal-light.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Plus Jakarta Sans;font-size:19px;line-height:20px;text-align:center;color:#000000;"><p><span style="color: #008C8C">Hi</span> <span style="color: #FF8714">{{NAME}}</span> <span style="color: #008C8C">and welcome to Open Food Facts!</span> 🔎🍊</p></div></td></tr><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Thank you for joining our international community of people eager to see more transparency in the food industry by contributing to the world’s largest open food database!</p><p>Here is your user name: <span style="color: #FF8714">{{USERID}}</span></p><p>Sign in on the <a href="https://openfoodfacts.org/">website</a> to add and edit products.</p><p>📲 We also have a free, ad-free and private <a href="https://world.openfoodfacts.org/open-food-facts-mobile-app">mobile scanning app</a> you may like.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#e7e7e7" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#e7e7e7;background-color:#e7e7e7;margin:0px auto;border-radius:10px;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#e7e7e7;background-color:#e7e7e7;width:100%;border-radius:10px;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Open Food Facts is a collaborative project to which you can bring much more than new products: your energy, enthusiasm and ideas!</p><p>🌎 To discuss projects and connect as a community, join us on <a href="https://slack.openfoodfacts.org/">our Slack</a> or <a href="https://forum.openfoodfacts.org/">our Forum</a>.</p><p>🙋🙋‍♀️To become a volunteer for the project, sign up to the <a href="https://docs.google.com/forms/d/e/1FAIpQLSfGHAn5KxW7ko3_GlDfQpVGKpPAMHMbDvY2IjtxfJSXxKJQ2A/viewform">Contributor Skill Pool</a> (4 min form)!</p><p>💫 To follow our latest news:</p><ul style="list-style-type: none;"><li>Instagram (<a href="https://www.instagram.com/open.food.facts/">English</a>, <a href="https://www.instagram.com/openfoodfacts.fr/">French</a>)</li><li>Facebook (<a href="https://www.facebook.com/OpenFoodFacts">English</a>, <a href="https://www.facebook.com/OpenFoodFacts.fr/">French</a>)</li><li>Twitter (<a href="https://twitter.com/OpenFoodFacts">English</a>, <a href="https://twitter.com/OpenFoodFactsFr">French</a>)</li><li><a href="https://www.linkedin.com/company/open-food-facts">LinkedIn</a></li><li><a href="https://blog.openfoodfacts.org/en/">Our Blog</a> (available in several languages)</li><li><a href="https://www.youtube.com/@openfoodfacts1170">Youtube</a></li><li><a href="https://blog.openfoodfacts.org/en/newsletter-2">Subscribe to our newsletter</a> (no more than one newsletter a month!)</li></ul><p></p><p>Please also get familiar with our community’s <a href="https://world.openfoodfacts.org/code-of-conduct">Code of Conduct</a>.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Thank you for joining the food revolution and we look forward to your contribution! 🤳🥫</p><p><b>#YesWeScan</b></p><p>Stay tuned,</p><p>The Open Food Facts team</p><p><a href="https://openfoodfacts.org">https://openfoodfacts.org</a></p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#f2e9e4" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#f2e9e4;background-color:#f2e9e4;margin:0px auto;border-radius:10px;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f2e9e4;background-color:#f2e9e4;width:100%;border-radius:10px;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Plus Jakarta Sans;font-size:14px;line-height:20px;text-align:center;color:#000000;"><p style="color: #008C8C; font-size: 18px">Still have a minute to read? 😉</p></div></td></tr><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p><b>Some further resources</b></p><p>Are you:</p><ul><li><b>a producer?</b> Discover our dedicated <a href="https://world.pro.openfoodfacts.org/">Pro platform</a> to help you in your transparency journey</li><li><b>into cosmetics ?</b> Discover the growing <a href="https://openbeautyfacts.org">Open Beauty Facts</a> database</li><li><b>a developer?</b> Join us on <a href="https://github.com/openfoodfacts">Github</a> to help improve the interfaces</li><li><b>a translator?</b> Help make Open Food Facts available in your language via <a href="https://translate.openfoodfacts.org/">Crowdin</a></li></ul><p></p><p><b>🌱 How can informed food choices make a difference?</b></p><p>What we eat matters when food accounts for 28% of C02 emissions, 70% of drinking water consumption and the majority of packaging waste globally. Each meal is an opportunity to have a positive impact on our health and that of our planet.</p><p>🧡 Open Food Facts is a non-profit organization and exists in part thanks to donations. If you like the project, please consider <a href="https://world.openfoodfacts.org/donate-to-open-food-facts">supporting it with a donation</a>.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></div></body></html>
\ No newline at end of file
+}</style></head><body style="word-spacing:normal;background-color:#F5F5F5;"><div style="background-color:#F5F5F5;"><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"><tbody><tr><td style="width:300px;"><img height="auto" src="https://static.openfoodfacts.org/images/logos/off-logo-horizontal-light.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Plus Jakarta Sans;font-size:19px;line-height:20px;text-align:center;color:#000000;"><p><span style="color: #008C8C">Cześć</span> <span style="color: #FF8714">{{NAME}}</span> <span style="color: #008C8C">i witaj w Open Food Facts!</span>🔎🍊</p></div></td></tr><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Dziękujemy, że dołączyłeś do naszej międzynarodowej społeczności ludzi pragnących większej przejrzystości w branży spożywczej, wnosząc swój wkład w największą na świecie otwartą bazę danych o żywności!</p><p>Oto Twoja nazwa użytkownika: <span style="color: #FF8714">{{USERID}}</span></p><p>Zaloguj się na <a href="https://openfoodfacts.org/">stronie</a>, aby dodawać i edytować produkty.</p><p>📲 Mamy również bezpłatną, pozbawioną reklam i <a href="https://world.openfoodfacts.org/open-food-facts-mobile-app">aplikację do skanowania mobilnego</a> która może Ci się spodobać.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#e7e7e7" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#e7e7e7;background-color:#e7e7e7;margin:0px auto;border-radius:10px;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#e7e7e7;background-color:#e7e7e7;width:100%;border-radius:10px;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Open Food Facts to wspólny projekt, do którego możesz wnieść znacznie więcej niż tylko nowe produkty: swoją energię, entuzjazm i pomysły!</p><p>🌎 Aby omówić projekty i połączyć się jako społeczność, dołącz do nas na <a href="https://slack.openfoodfacts.org/">naszym Slacku</a> lub <a href="https://forum.openfoodfacts.org/">na naszym forum</a>.</p><p>🙋🙋‍♀️Aby zostać wolontariuszem projektu, zarejestruj się w <a href="https://docs.google.com/forms/d/e/1FAIpQLSfGHAn5KxW7ko3_GlDfQpVGKpPAMHMbDvY2IjtxfJSXxKJQ2A/viewform">Puli Umiejętności Współtwórców</a> (4-minutowy formularz)!</p><p>💫 Aby śledzić nasze najnowsze wiadomości:</p><ul style="list-style-type: none;"><li>Instagram (<a ref="https://www.instagram.com/open.food.facts/">Angielski</a>, <a ref="https://www.instagram.com/openfoodfacts.fr/">Francuski</a>)</li><li>Facebook (<a href="https://www.facebook.com/OpenFoodFacts">Angielski</a>, <a href="https://www.facebook.com/OpenFoodFacts.fr/">Francuski</a>)</li><li>Twitter (<a ref="https://twitter.com/OpenFoodFacts">Angielski</a>, <a ref="https://twitter.com/OpenFoodFactsFr">Francuski</a>)</li><li><a href="https://www.linkedin.com/company/open-food-facts">LinkedIn</a></li><li><a href="https://blog.openfoodfacts.org/en/">Nasz blog</a> (dostępny w kilku językach)</li><li><a href="https://www.youtube.com/@openfoodfacts1170">YouTube</a></li><li><a href="https://blog.openfoodfacts.org/en/newsletter-2">Zapisz się do naszego newslettera</a> (nie więcej niż jedna wiadomość miesięcznie!)</li></ul><p></p><p>Prosimy również o zapoznanie się z <a href="https://world.openfoodfacts.org/code-of-conduct">Kodeksem Postępowania</a> naszej społeczności.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Dziękujemy za przyłączenie się do rewolucji żywnościowej i z niecierpliwością czekamy na wasz wkład! 🤳🥫</p><p><b>#YesWeScan</b></p><p>Bądź na bieżąco,</p><p>Zespół Open Food Facts</p><p><a href="https://openfoodfacts.org">https://openfoodfacts.org</a></p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#f2e9e4" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#f2e9e4;background-color:#f2e9e4;margin:0px auto;border-radius:10px;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f2e9e4;background-color:#f2e9e4;width:100%;border-radius:10px;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Plus Jakarta Sans;font-size:14px;line-height:20px;text-align:center;color:#000000;"><p style="color: #008C8C; font-size: 18px">Masz jeszcze chwilę na przeczytanie? 😉</p></div></td></tr><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p><b>Trochę dalszych materiałów</b></p><p>Czy jesteś:</p><ul><li><b>producentem?</b> Odkryj naszą dedykowaną <a href="https://world.pro.openfoodfacts.org/">platformę Pro</a>, która pomoże Ci w drodze do przejrzystości</li><li><b>zainteresowany kosmetykami?</b> Odkryj rosnącą bazę danych <a href="https://openbeautyfacts.org">Open Beauty Facts</a></li><li><b>programistą?</b> Dołącz do nas na <a href="https://github.com/openfoodfacts">Github</a>, aby pomóc w ulepszaniu interfejsów</li><li><b>tłumaczem?</b> Pomóż udostępnić Open Food Facts w swoim języku za pośrednictwem <a href="https://translate.openfoodfacts.org/">Crowdin</a></li></ul><p></p><p><b>🌱 W jaki sposób świadome wybory żywieniowe mogą coś zmienić?</b></p><p>To, co jemy, ma znaczenie w sytuacji, gdy żywność odpowiada za 28% emisji CO2, 70% zużycia wody pitnej i większość odpadów opakowaniowych na świecie. Każdy posiłek to szansa na to, by wywrzeć pozytywny wpływ na zdrowie nasze i naszej planety.</p><p>🧡 Open Food Facts is a non-profit organization and exists in part thanks to donations. If you like the project, please consider <a href="https://world.openfoodfacts.org/donate-to-open-food-facts">supporting it with a donation</a>.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></div></body></html>
\ No newline at end of file
diff --git a/lang/pl/texts/index-pro.html b/lang/pl/texts/index-pro.html
index 5e5039ca92e6..dcc3dae29c4f 100644
--- a/lang/pl/texts/index-pro.html
+++ b/lang/pl/texts/index-pro.html
@@ -6,7 +6,7 @@ <h1>Open Food Facts dla producentów</h1>
 <p>Całkowicie bezpłatna platforma umożliwiająca producentom łatwe zarządzanie danymi i zdjęciami swoich produktów w Open Food Facts.</p>
 
 <div class="medium-12 columns">
-	<iframe width="560" height="315" src="https://www.youtube.com/embed/7usK67u2pM4" title="Witaj! Introduction to Open Food Facts' Pro platform" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="max-width: 100%; margin-bottom: 1.4285714286rem;"></iframe>
+	<iframe width="560" height="315" src="https://www.youtube.com/embed/7usK67u2pM4" title="Witaj! Wprowadzenie do platformy Pro Open Food Facts" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="max-width: 100%; margin-bottom: 1.4285714286rem;"></iframe>
 </div>
 
 <div class="hide-when-logged-in">
@@ -28,11 +28,11 @@ <h4 class="subheader"></h4>
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/validated-data.png" alt="" style="height: 140px;">
 	<h3>Zweryfikowane dane</h3>
-	<p>Upewnij się, że dane produktu są wyczerpujące i aktualne. Twoje dane staną się źródłem odniesienia po ich upublicznieniu. And as we know small mistakes can happen, we'll report privately to you any data quality issues we spot before the import, so that you can correct them.</p>
+	<p>Upewnij się, że dane produktu są wyczerpujące i aktualne. Twoje dane staną się źródłem odniesienia po ich upublicznieniu. Ponieważ wiemy, że drobne błędy mogą się zdarzyć, prywatnie zgłosimy Ci wszelkie problemy z jakością danych, które wykryjemy przed importem, aby móc je poprawić.</p>
 </div>
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/improvements.png" alt="" style="height: 140px;">
-	<h3>Uzyskaj sugestie, aby łatwo ulepszyć Nutri-Score</h3>
+	<h3>Uzyskaj sugestie, aby łatwo poprawić swój wynik Nutri-Score</h3>
 	<p>	
 <ul>
 	<li>Znacząco popraw Nutri-Score poprzez redukcję: cukru, soli lub nasyconych kwasów tłuszczowych.</li>
@@ -43,7 +43,7 @@ <h3>Uzyskaj sugestie, aby łatwo ulepszyć Nutri-Score</h3>
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/broadcast.png" alt="" style="height: 140px;">
 	<h3>Przesyłaj swoje dane w wielu aplikacjach i usługach</h3>
-	<p>Open Food Facts is an essential data distribution channel. Around 200 apps and services use Open Food Facts. Share once, ensure harmonization in many places.</p>
+	<p>Open Food Facts jest istotnym kanałem dystrybucji danych. Około 200 aplikacji i usług korzysta z Open Food Facts. Udostępniając raz, zapewnij zgodność danych w wielu miejscach.</p>
 </div>
 
 </div>
@@ -52,7 +52,7 @@ <h3>Przesyłaj swoje dane w wielu aplikacjach i usługach</h3>
 
 <div class="row text-center">
   <div class="large-12 columns">
-    <h2>Many ways to import your product data</h2>
+    <h2>Wiele sposobów na zaimportowanie danych produktu</h2>
     <h4 class="subheader">"Come as you are" could almost be the slogan of the platform :-)</h4>
     <p class="text-left"></p>
   </div>
@@ -62,7 +62,7 @@ <h4 class="subheader">"Come as you are" could almost be the slogan of the platfo
 
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/xlsx.png" alt="" style="height: 140px;">
-	<h3>Compatible with any XLSX/ODT you may have</h3>
+	<h3>Kompatybilny z dowolnymi plikami XLSX/ODT</h3>
 	<p>While we provide an easy to use template once you signup, you can reuse any existing file, in any format. The platform will allow you to match your column names with the Open Food Facts format.</p>
 </div>
 <div class="medium-4 columns">
@@ -82,7 +82,7 @@ <h3>Join the largest producers and distributors</h3>
 
 <div class="row text-center">
   <div class="large-12 columns">
-    <h2>Additional features</h2>
+    <h2>Dodatkowe funkcje</h2>
     <h4 class="subheader"></h4>
     <p class="text-left"></p>
   </div>
@@ -92,12 +92,12 @@ <h4 class="subheader"></h4>
 
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/archive.png" alt="" style="height: 140px;">
-	<h3>Mark your discontinued products</h3>
-	<p>Send us a list of your discontinued products, so that we can mark them as archived.</p>
+	<h3>Oznacz swoje wycofane produkty</h3>
+	<p>Prześlij nam listę wycofanych produktów, abyśmy mogli oznaczyć je jako zarchiwizowane.</p>
 </div>
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/consumer-service.png" alt="" style="height: 140px;">
-	<h3>Add your customer service information</h3>
+	<h3>Dodaj informacje o obsłudze klienta</h3>
 	<p>Open Food Facts receives many customer complaints, every day, that should be addressed to you. Add your customer service information to ensure to receive those.</p>
 </div>
 <div class="medium-4 columns"></div>
@@ -153,22 +153,22 @@ <h3>Get detailed scoring explanations for Nutri-Score and Eco-Score</h3>
 
 <div class="row text-center">
   <div class="large-12 columns">
-    <h2>Share once, get harmonized data in many places</h2>
+    <h2>Udostępniając raz, zapewnij zgodność danych w wielu miejscach</h2>
     <h4 class="subheader"></h4>
-    <p class="text-left">Once you set up an automatic import, your products will be automatically be synchronized every night. Otherwise, the platform memorizes your file format to make updates very easy.</p>
+    <p class="text-left">Po skonfigurowaniu automatycznego importu Twoje produkty będą automatycznie synchronizowane każdej nocy. W przeciwnym razie platforma zapamiętuje format pliku, dzięki czemu aktualizacje są bardzo łatwe.</p>
   </div>
 </div>
 
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/broadcast.png" alt="" style="height: 140px;">
 	<h3>Przesyłaj swoje dane w wielu aplikacjach i usługach</h3>
-	<p>Open Food Facts is an essential data distribution channel. Around 200 apps and services use Open Food Facts. Share once, ensure harmonization in many places.</p>
+	<p>Open Food Facts jest istotnym kanałem dystrybucji danych. Około 200 aplikacji i usług korzysta z Open Food Facts. Udostępniając raz, zapewnij zgodność danych w wielu miejscach.</p>
 </div>
 
 <div class="row text-center">
 <div class="medium-4 columns">
 	<img src="https://world.openfoodfacts.org/images/producers/consumer-orgs.png" alt="" style="height: 140px;">
-	<h3>Many consumer organizations apps use Open Food Facts</h3>
+	<h3>Wiele aplikacji organizacji konsumenckich korzysta z Open Food Facts</h3>
 	<p></p>
 </div>
 
@@ -191,13 +191,13 @@ <h4 class="subheader">Jesteśmy do Państwa dyspozycji w przypadku jakichkolwiek
     <p>You can read <a href="https://blog.openfoodfacts.org/en/EN-Pro-Plateform-User-Guide.pdf">our quick start guide</a>
   and we'll be happy to answer to your questions on <a href="mailto:producers@openfoodfacts.org">producers@openfoodfacts.org</a>.
 <div>
-    <a href="mailto:producers@openfoodfacts.org" class="small button">Contact us</a>
+    <a href="mailto:producers@openfoodfacts.org" class="small button">Skontaktuj się z nami</a>
 </div>
 <div>
     <a href="https://blog.openfoodfacts.org/en/EN-Pro-Plateform-User-Guide.pdf" class="small button">Read our quick start guide</a>
 </div>
 <div>
-    <a href="https://world.pro.openfoodfacts.org/cgi/generate_sample_import_file.pl" class="small button">Get our suggested XLS file if you start from scratch</a>
+    <a href="https://world.pro.openfoodfacts.org/cgi/generate_sample_import_file.pl" class="small button">Jeśli zaczynasz od zera, pobierz nasz sugerowany plik XLS</a>
 </div>
 </p>
   </div>
diff --git a/lang/pl/texts/index.html b/lang/pl/texts/index.html
index 690bfda5e9b6..0a380a4ab951 100644
--- a/lang/pl/texts/index.html
+++ b/lang/pl/texts/index.html
@@ -4,12 +4,12 @@
     <div class="homepage-greeter__discover--content">
       <div>
         <h2>Odkryj</h2>
-        <p>Open Products Facts is a general products (excepting food, cosmetics and pet food) database made by everyone, for everyone. You can use it to make better choices about pet food, and as it is open data, anyone can re-use it for any purpose.</p>
+        <p>Open Food Facts to baza danych tworzona przez każdego dla nas wszystkich. Możesz ją wykorzystać do dokonywania lepszych wyborów żywieniowych, a ponieważ jest oparta na otwartych danych (open data), każdy może te dane wykorzystać w dowolnym celu.</p>
       </div>
-      <a class="button round secondary small homepage-greeter__button" href="/discover">→ <a href="/discover">Learn more about Open Pet Food Facts</a></a>
+      <a class="button round secondary small homepage-greeter__button" href="/discover"><span class="material-icons">auto_stories</span>Dowiedz się więcej o Open Food Facts</a>
     </div>
     <div class="homepage-greeter__discover--image">
-      <img src="images/illustrations/globe.svg" alt="Open Food Facts" />
+      <img src="images/illustrations/globe.svg" alt="Odkryj Open Food Facts." />
     </div>
 	</div>
 	<div class="homepage-greeter__contribute">
@@ -17,15 +17,15 @@ <h2>Odkryj</h2>
       <div>
         <h2>Wnieś wkład</h2>
         <p>
-        Open Pet Food Facts is a non-profit project developed by thousands of volunteers from around the world.
-        You can start contributing by adding a petfood product, and we have lots of
-exciting projects you can contribute to in many different ways.
+        Open Food Facts to projekt non-profit tworzony przez tysiące wolontariuszy z całego świata.
+        Możesz zacząć wnosić swój wkład, <a href="/open-food-facts-mobile-app">dodając produkt ze swojej kuchni za pomocą naszej aplikacji na iPhone'a lub Androida</a>. Mamy wiele
+        ekscytujących projektów, do których możesz przyczynić się na wiele różnych sposobów.
         </p>
       </div>
-      <a class="button round secondary small homepage-greeter__button" href="/contribute"><span class="material-icons">add_task</span>Learn more about how you can join us</a>
+      <a class="button round secondary small homepage-greeter__button" href="/contribute"><span class="material-icons">add_task</span>Dowiedz się więcej o tym, jak możesz do nas dołączyć</a>
     </div>
     <div class="homepage-greeter__contribute--image">
-      <img src="images/illustrations/puzzle-big.svg" alt="Open Products Facts is a general products (excepting food, cosmetics and pet food) database made by everyone, for everyone." />
+      <img src="images/illustrations/puzzle-big.svg" alt="Wnieś swój wkład w Open Food Facts." />
     </div>
 	</div>
 </div>
diff --git a/lang/pl/texts/keyfacts.html b/lang/pl/texts/keyfacts.html
index f3bebd30a018..c0c051702f40 100644
--- a/lang/pl/texts/keyfacts.html
+++ b/lang/pl/texts/keyfacts.html
@@ -4,57 +4,67 @@
             <td colspan="1" rowspan="1">
                 <p>Open Food Facts to unikalna na świecie baza danych o żywności:</p>
                 <ul>
-                    <li><b>collaborative</b> : comparable to Wikipedia, it has 16,000 contributors</li>
-                    <li><b>international</b> and no limit to size and products: born in France, it now contains 700,000 products in more than 180 countries - 16 countries have more than 1,000 products, 8 more than 8,000</li>
-                    <li><b>freely reusable</b> (open data): dozens of companies, researchers, innovators freely reuse the data for their own use</li>
-                    <li>strictly <b>independent</b> of agribusiness, it is run by an association under French law, law of 1901.</li>
+                    <li><b>współtworzona</b> : porównywalna z Wikipedią, ma 60 000 współtwórców</li>
+                    <li><b>międzynarodowa</b> i brak ograniczeń co do rozmiaru i produktów: stworzona we Francji, obecnie zawiera 3 000 000 produktów w ponad 180 krajach - 16 krajów ma ponad 1000 produktów, 8 ponad 8 000</li>
+                    <li><b>do ponownego wykorzystania</b> (otwarte dane): dziesiątki firm, badaczy, innowatorów swobodnie wykorzystuje dane do własnego użytku</li>
+                    <li>ściśle <b>niezależna</b> od agrobiznesu, prowadzona przez stowarzyszenie zgodnie z prawem francuskim, z ustawą z 1901 roku.</li>
                 </ul>
-                <p>Przy 100 000 użytkowników dziennie, Open Food Facts stało się, w ciągu zaledwie 6 lat, <b>żródłem dla informacji o żywności</b> w niektórych krajach. Wspiera badania i polityki publiczne mające na celu zdrowszą dietę.</p>
+                <p>Z 300 000 użytkowników miesięcznie, Open Food Facts stało się już w ciągu zaledwie 11 lat <b>punktem odniesienia w zakresie informacji o żywności</b> w kilku krajach. Wspiera badania i polityki publiczne mające na celu zdrowszą dietę.</p>
             </td>
         </tr>
     </tbody>
 </table>
 
-<h2>Pięć głównych sukcesów Open Food Facts</h2>
-<p>
-<b>Stworzenie pierwszej ogólnoświatowej bazy danych produktów żywnościowych wielokrotnego użytku</b>
-<br>
-Ponad 700 000 produktów zidentyfikowanych przez ponad 16 000 współtwórców. Dane Open Food Facts są również publikowane na oficjalnym francuskim portalu otwartych danych, data.gouv.fr.
-</p>
+<div class="row text-center">
+<div class="large-12 columns">
+		<h2>Pięć głównych sukcesów Open Food Facts?</h2>
+		<h4 class="subheader"></h4>
+		<p class="text-left"></p>
+</div>
+</div>
+<div class="row text-center">
+<div class="medium-3 columns">
+<h3>Stworzenie pierwszej ogólnoświatowej bazy danych o produktach spożywczych, którą można dowolnie wykorzystywać ponownie</h3>
+<p>Ponad 700 000 produktów zidentyfikowanych przez ponad 16 000 współtwórców. Dane Open Food Facts są również publikowane na oficjalnym francuskim portalu otwartych danych, data.gouv.fr.</p>
+</div>
+<div class="medium-3 columns">
+<h3>Dostarczanie informacji ogółowi społeczeństwa i specjalistom</h3>
+<p>Aplikacja konsumencka jest zainstalowana na ponad 750 000 telefonów i tabletów. Ze strony internetowej i aplikacji korzysta 100 000 użytkowników dziennie i 6 milionów użytkowników rocznie.</p>
+</div>
+<div class="medium-3 columns">
+<h3>Promowanie wskaźników jakości odżywczej</h3>
+<p><!-- Make sure to translate the /open-food-facts-and-the-nutriscore url to your language with hyphens, no spaces and no special characters -->
+Od 3 lat Open Food Facts <a href="/open-food-facts-and-the-nutriscore">wspiera wdrażanie Nutri-Score</a> w 5 krajach europejskich. We Francji Open Food Facts wyświetla wynik Nutri-Score od 2015 r., jeszcze przed jego oficjalną publikacją. W Hiszpanii i Belgii Open Food Facts również wyprzedza oficjalne przyjęcie przez te kraje systemu Nutri-Score. Projekt Open Food Facts pomogł także w zwróceniu uwagi na ultraprzetworzoną żywność poprzez obliczenie klasyfikacji NOVA i urzeczywistnił etykietowanie ekologiczne poprzez obliczenie wyniku Eco-Score na dużą skalę.</p>
+</div>
+</div>
 
-<p>
-    <b>Informowanie ogółu społeczeństwa i specjalistów</b>
-    <br>
-    Aplikacja konsumencka jest zainstalowana na ponad 750 000 telefonów lub tabletów. Ze strony internetowej i aplikacji korzysta 100 000 użytkowników dziennie i 6 milionów użytkowników rocznie.
-</p>
-<p>
-    <b>Promoting nutritional quality indicators</b>
-    <!-- Make sure to translate the /open-food-facts-and-the-nutriscore url to your language with hyphens, no spaces and no special characters -->
-    <br>
-    For 3 years, Open Food Facts has been <a href="/open-food-facts-and-the-nutriscore">supporting the roll out of Nutri-Score</a> in 5 European countries. In France, Open Food Facts has been displaying the Nutri-Score since 2015, before its officialization. In Spain and Belgium, Open Food Facts also precedes the adoption of Nutri-Score by these countries. Open Food Facts also includes other indicators such as the NOVA classification.
-</p>
-
-<p>
-    <b>Creating and maintaining an <a href="/science">ecosystem of uses and research</a></b>
-    <br>
-    Since its creation, Open Food Facts has developed a real ecosystem of reuse of its data. Since the Open Food Facts data is freely reusable, several information sites, start-ups, research laboratories, teachers, etc., have started their activity and / or use the Open Food Facts data daily: Yuka, Foodvisor, Scaneat, Ya Quoi Dedans (What’s inside) (Super U), Buy Or Not, nopalm.org, My Nutritional Info…
-</p>
-<p>
-    <b>Change the practices of manufacturers</b>
-    <br>
-    For 2 years, Open Food Facts has helped to change the practices of the food industry; they know and rely on Open Food Facts to compare and improve their products. Many companies spontaneously communicate the data of their products on the platform: Fleury Michon, Super U, Carrefour, Casino, etc.
-</p>
 
+<div class="row text-center">
+<div class="medium-3 columns">
+<h3>Tworzenie i utrzymywanie ekosystemu <a href="/science">zastosowań i badań naukowych</a></h3>
+<p>Od momentu powstania Open Food Facts stworzyło prawdziwy ekosystem ponownego wykorzystania swoich danych. Ponieważ dane Open Food Facts można swobodnie wykorzystywać, kilka serwisów informacyjnych, start-upów, laboratoriów badawczych, nauczycieli itp. rozpoczęło swoją działalność i/lub codziennie korzysta z danych Open Food Facts: Yuka, Foodvisor, Scaneat, Ya Quoi Dedans (Co jest w środku) (Super U), Buy Or Not, nopalm.org, My Nutritional Info…</p>
+</div>
+<div class="medium-3 columns">
+<h3>Zmiana praktyk producentów</h3>
+<p>Od 2 lat Open Food Facts pomaga zmieniać praktyki branży spożywczej; producenci znają i polegają na Open Food Facts, aby porównywać i ulepszać swoje produkty. Wiele firm spontanicznie przekazuje dane swoich produktów na platformie: Fleury Michon, Super U, Carrefour, Casino itp.</p>
+</div>
+<div class="medium-3 columns"></div>
+</div>
+<br><br>
+<div class="row text-center">
+<div class="large-12 columns">
 <h2>Kto korzysta z danych Open Food Facts?</h2>
-<p>
-It would be too long to name all the organizations that build on the Open Food Facts platform.
-</p>
+<h4 class="subheader">Zbyt długo wymieniać wszystkie organizacje, które opierają się na platformie Open Food Facts.</h4>
+<p class="text-left"></p>
+</div>
+</div>
+
 <ul>
-    <li>More than 100 applications for mobile phones that meet the needs of various audiences: diabetes (VeryDiab), allergies, food balance via artificial intelligence (FoodVisor), disabilities, and more. Our base also allowed the creation of Yuka.</li>
-    <li>Many websites: HowMuchSugar.in, MadeNear.me…</li>
+    <li>Ponad 100 aplikacji na telefony komórkowe, które odpowiadają potrzebom różnych odbiorców: cukrzyca (VeryDiab), alergie, bilans żywności poprzez sztuczną inteligencję (FoodVisor), niepełnosprawności i nie tylko. Nasza baza pozwoliła również na stworzenie aplikacji Yuka.</li>
+    <li>Wiele stron internetowych: HowMuchSugar.in, MadeNear.me…</li>
     <li>Data-journalists: Le Monde's Decoders, BFMTV</li>
-    <li>Researchers in nearly 100 scientific articles</li>
-    <li>Food banks and solidarity stores: Data For Good project in the continuity of a pilot project initiated by the French Red Cross, integration into the cash management of a small food cooperative.</li>
+    <li>Naukowcy w blisko 100 artykułach naukowych</li>
+    <li>Banki żywności i sklepy sklepy społeczne: Projekt Data For Good będący kontynuacją projektu pilotażowego zainicjowanego przez Francuski Czerwony Krzyż, integracja z zarządzaniem gotówką małej spółdzielni spożywczej.</li>
     <li>Established companies: Terraillon to bring its connected kitchen scales to life.</li>
     <li>Programming schools (Simplon, Open Classrooms) have integrated Open Food Facts as a motivating project in their curriculum.</li>
 </ul>
diff --git a/lang/pl/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/pl/texts/nutriscore/mobile-app-promo-nutriscore.html
index 00a5f780a195..f930fedb75de 100644
--- a/lang/pl/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/pl/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Zainstaluj aplikację mobilną Open Food Facts</h3>
 
 <p>Aby skanując produkty spożywcze, poznać ich wynik Nutri-Score dla wartości odżywczej, oraz NOVA dla stopnia jej przetworzenia, uzyskać ostrzeżenia o alergenach, rozpoznać sztuczne dodatki zawarte w żywności, zainstaluj aplikację Open Food Facts!</p>
-<a href="https://apps.apple.com/pl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pl"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/pl/texts/open-food-facts-mobile-app.html b/lang/pl/texts/open-food-facts-mobile-app.html
index 3fa368689f7a..566ae9baf829 100644
--- a/lang/pl/texts/open-food-facts-mobile-app.html
+++ b/lang/pl/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Zainstaluj aplikację mobilną Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Zainstaluj aplikację!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/pl/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pl">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pl_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Polish.svg" alt="Dostępne w Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Możesz również dodawać nowe produkty do Open Food Facts i budować wspólne dobro w celu poprawy odżywiania i zdrowia wszystkich. Dziękuję!</p>
-
-<div class="panel callout">
-<h2>Zobacz najnowsze funkcje</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">get the Eco-Score, initially in France  (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Wypróbuj nową aplikację mobilną Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pl" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_PL.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pl" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_PL.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/pl/texts/processing/mobile-app-promo-processing.html b/lang/pl/texts/processing/mobile-app-promo-processing.html
index 748145bf10b7..72b53a4921d8 100644
--- a/lang/pl/texts/processing/mobile-app-promo-processing.html
+++ b/lang/pl/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Zainstaluj aplikację mobilną Open Food Facts</h3>
 
 <p>Aby skanować produkty spożywcze, odkrywać grupę NOVA dla żywności przetworzonej, odkrywać wartość odżywczą Nutri-Score, dostawać alerty o alergenach i odcyfrować dodatki do żywności, zainstaluj darmową aplikację Open Food Facts!</p>
-<a href="https://apps.apple.com/pl/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PL.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pl"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/pt_BR/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/pt_BR/texts/nutriscore/mobile-app-promo-nutriscore.html
index 74d568340eef..08410a4148b6 100644
--- a/lang/pt_BR/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/pt_BR/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Instale o aplicativo Open Food Facts</h3>
 
 <p>Para escanear produtos alimentícios, obtenha sua nota nutricional Nutri-Score, o grupo NOVA para alimentos ultra-processados, alertas de alergias e decifrar aditivos alimentares, instale o aplicativo gratuito Open Food Facts!</p>
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt-br"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Portuguese-Brazilian.svg" alt="Disponível para Windows 11 e superior" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/pt_BR/texts/open-food-facts-mobile-app.html b/lang/pt_BR/texts/open-food-facts-mobile-app.html
index 62bf83c46f48..f166c8617116 100644
--- a/lang/pt_BR/texts/open-food-facts-mobile-app.html
+++ b/lang/pt_BR/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Instale o aplicativo Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Instale o app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt-br">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt-br_get.svg" alt="Disponível no Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Portuguese-Brazilian.svg" alt="Disponível no Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Você também pode adicionar novos produtos ao Open Food Facts, ampliando-o para o bem comum para melhorar a nutrição e a saúde de todos. Obrigado!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Escolha os produtos que são bons para
+                    <span class="highlight-label yellow rotate-left">você</span>
+                    e o
+                    <span class="highlight-label blue rotate-right">planeta</span>
+                </h1>
+                <p>O maior banco de dados alimentar aberto do mundo ao seu alcance!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt-br" title="Open Food Facts no Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponível no Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Abra Food Facts na Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_PT_BR.svg"
+                    alt="Disponível no App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="Uma escala com o Nutri-Score e um rosto sorridente no lado esquerdo da escala e um Eco Score e o planeta Terra ao lado direito" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Não está no seu celular? Digitalize este código QR no seu celular para baixar o aplicativo!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code link para https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Aplicativo Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Uma varredura que realmente corresponde a
+                    <span class="highlight-label dark-orange rotate-right">quem você é</span>
+                </h1>
+                <p class="paragraph-top-margin">Desde reduzir a ingestão de sal até se tornar totalmente vegano, é fácil definir suas preferências pessoais no aplicativo e começar a receber recomendações mais inteligentes de alimentos.</p>
+                <p>O melhor de tudo é que o aplicativo sempre avisa se você estiver prestes a comer algo que contenha um alérgeno.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Digitalize a comida da sua vida cotidiana para obter
+                    <span class="highlight-label orange rotate-left">imagem completa</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt-br" title="Open Food Facts no Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponível no Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Abra Food Facts na Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_PT_BR.svg"
+                    loading="lazy"
+                    alt="Disponível no App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/pt_BR/texts/processing/mobile-app-promo-processing.html b/lang/pt_BR/texts/processing/mobile-app-promo-processing.html
index 04bc8ac2df2b..5fde72c59152 100644
--- a/lang/pt_BR/texts/processing/mobile-app-promo-processing.html
+++ b/lang/pt_BR/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Instale o aplicativo Open Food Facts</h3>
 
 <p>Para digitalizar produtos alimentícios, obtenha o grupo NOVA para alimentos ultraprocessados, seu grau nutricional Nutri-Score, alertas de alérgenos e para decifrar aditivos alimentares, instale o app gratuito Open Food Facts!</p>
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_BR.svg" alt="Disponível no App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt-br"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Portuguese-Brazilian.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/pt_PT/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/pt_PT/texts/nutriscore/mobile-app-promo-nutriscore.html
index cad606cc10e4..c121fdbecb03 100644
--- a/lang/pt_PT/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/pt_PT/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Instale a aplicação móvel Open Food Facts</h3>
 
 <p>Para digitalizar produtos alimentares, obter o seu grau Nutri-Score nutricional, o grupo NOVA para alimentos ultra-processados, alertas de alérgenos e decifrar aditivos alimentares, instale a aplicação gratuita Open Food Facts!</p>
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Portuguese-Portugal.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/pt_PT/texts/open-food-facts-mobile-app.html b/lang/pt_PT/texts/open-food-facts-mobile-app.html
index 474142e8ba7a..1d75d74c629c 100644
--- a/lang/pt_PT/texts/open-food-facts-mobile-app.html
+++ b/lang/pt_PT/texts/open-food-facts-mobile-app.html
@@ -1,112 +1,212 @@
-<h1>Instale a aplicação móvel Open Food Facts</h1>
-
-<p>Para digitalizar produtos alimentares e obter o seu Nutri-Score, o seu Eco-Score, o seu nível de processamento com o grupo NOVA (Nova 4 são alimentos ultraprocessados) e para decifrar aditivos alimentares, instale a aplicação Open Food Facts gratuita!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Instale a aplicação!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Portuguese-Portugal.svg" alt="Disponível no Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Disponível em APK Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Disponível no F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Também pode adicionar novos produtos ao Open Food Facts e construir um bem comum para melhorar a nutrição e a saúde de todos. Obrigado!</p>
-
-<div class="panel callout">
-<h2>Veja as funcionalidades mais recentes</h2>
-<p><b>Junho 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">aplicação totalmente redesenhada para Android e iPhone: mais personalizada, mais pedagógica e mais intuitiva</a></p>
-<p><b>Janeiro de 2021:</b> as aplicações <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">obtêm o Eco-Score, inicialmente em França (anúncio em francês)</a></p>
-<p><b>Setembro de 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">modo escuro, inteligência artificial, deteção de vegetariano, vegano e óleo de palma e contribuições offline (anúncio em francês)</a></p>
-<p><b>Junho de 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">novas aplicações móveis Open Food Facts para iPhone e Android</a><br> Novos recursos: verificação contínua, modo offline, comparação de produtos, listas, histórico ilimitado e muito mais!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">lançamento da aplicação móvel Open Food Facts, a primeira aplicação colaborativa de digitalização de alimentos.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Experimente a nova aplicação Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponível no Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_PT_PT.svg"
+                    alt="Disponível na App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Aplicação móvel Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponível no Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_PT_PT.svg"
+                    loading="lazy"
+                    alt="Disponível na App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/pt_PT/texts/processing/mobile-app-promo-processing.html b/lang/pt_PT/texts/processing/mobile-app-promo-processing.html
index b5a325d28b68..c4b07af7dbe6 100644
--- a/lang/pt_PT/texts/processing/mobile-app-promo-processing.html
+++ b/lang/pt_PT/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Instale a aplicação móvel Open Food Facts</h3>
 
 <p>Para digitalizar produtos alimentares, obtenha o grupo NOVA para alimentos ultraprocessados, o seu grau nutricional Nutri-Score, alertas de alérgenos e para decifrar aditivos alimentares, instale a aplicação gratuita Open Food Facts!</p>
-<a href="https://apps.apple.com/pt/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_PT_PT.svg" alt="Disponível na App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=pt"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/pt_get.svg" alt="Disponível no Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Portuguese-Portugal.svg" alt="Loja do Windows Phone" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="APK Android"></a>
diff --git a/lang/qu/texts/open-food-facts-mobile-app.html b/lang/qu/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/qu/texts/open-food-facts-mobile-app.html
+++ b/lang/qu/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/rm/texts/open-food-facts-mobile-app.html b/lang/rm/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/rm/texts/open-food-facts-mobile-app.html
+++ b/lang/rm/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ro/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/ro/texts/nutriscore/mobile-app-promo-nutriscore.html
index 164d97a233d5..91cd9af7e680 100644
--- a/lang/ro/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/ro/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Instalați aplicația mobilă Open Food Facts</h3>
 
 <p>Pentru a scana produsele alimentare, a obține nota lor Nutri-Score, grupul NOVA pentru alimente ultra procesate, alerte legate de alergeni și pentru a descifra aditivii alimentari, instalați aplicația gratuită Open Food Facts!</p>
-<a href="https://apps.apple.com/ro/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ro"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ro_get.svg" alt="Disponibil pe Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Romanian.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/ro/texts/open-food-facts-mobile-app.html b/lang/ro/texts/open-food-facts-mobile-app.html
index 01dcfac19976..675e97b61c12 100644
--- a/lang/ro/texts/open-food-facts-mobile-app.html
+++ b/lang/ro/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Instalați aplicația mobilă Open Food Facts</h1>
-
-<p>Pentru a scana produsele alimentare și pentru a le obține Nutri-Score, Eco-Score, nivelul lor de procesare cu grupul NOVA ("NOVA 4" sunt alimente ultra-procesate) și pentru a descifra aditivii alimentari, instalați gratuit Open Food Facts aplicație!</p>
-
-<h2>Scanați codul QR cu telefonul pentru a instala aplicația</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Instalează aplicația!</div> Scanează acest <span id="everyday">QR-Code</span> cu telefonul tău
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Instalați aplicația pe telefon</h2>
-<a href="https://apps.apple.com/ro/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ro">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ro_get.svg" alt="Disponibil pe Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Romanian.svg" alt="Disponibil în Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Disponibil ca APK Android" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Disponibil de pe F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>De asemenea, puteți adăuga produse noi la Open Food Facts și puteți construi un bun comun pentru a îmbunătăți nutriția și sănătatea pentru toată lumea. Vă mulţumim!</p>
-
-<div class="panel callout">
-<h2>Vedeți cele mai recente caracteristici</h2>
-<p><b>iunie 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Aplicație complet reproiectată pentru Android și iPhone: mai personalizată, mai pedagogică și mai intuitivă</a></p>
-<p><b>ianuarie 2021:</b> Aplicațiile <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">obțin Scorul Eco, inițial în Franța (anunț în franceză)</a></p>
-<p><b>septembrie 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Modul întunecat, inteligență artificială, detectarea vegetarienilor, veganului și uleiului de palmier și contribuții offline (anunț în franceză)</a></p>
-<p><b>iunie 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">Noi aplicații mobile Open Food Facts pentru iPhone și Android</a><br>
-Caracteristici noi: scanare continuă, mod offline, comparare produse, liste, istoric nelimitat și multe altele!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Lansarea aplicației mobile Open Food Facts, prima aplicație de scanare colaborativă pentru alimente.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Încercați noua aplicație mobilă Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ro" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Disponibil pe Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_RO.svg"
+                    alt="Disponibil pe App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts aplicația mobilă">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ro" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Disponibil pe Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_RO.svg"
+                    loading="lazy"
+                    alt="Disponibil pe App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ro/texts/processing/mobile-app-promo-processing.html b/lang/ro/texts/processing/mobile-app-promo-processing.html
index 8724026a0a0a..ba53dafbbbff 100644
--- a/lang/ro/texts/processing/mobile-app-promo-processing.html
+++ b/lang/ro/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Instalați aplicația mobilă Open Food Facts</h3>
 
 <p>Pentru a scana produsele alimentare, obțineți grupul NOVA pentru alimente ultraprocesate, gradul nutrițional Nutri-Score, alerte despre alergeni și pentru a descifra aditivii alimentari, instalați aplicația gratuită Open Food Facts!</p>
-<a href="https://apps.apple.com/ro/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RO.svg" alt="Disponibil pe App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ro"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ro_get.svg" alt="Disponibil pe Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Romanian.svg" alt="Magazin Windows Phone" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/ru/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/ru/texts/nutriscore/mobile-app-promo-nutriscore.html
index 547d2888b1a1..7ecc17872ad8 100644
--- a/lang/ru/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/ru/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Установите мобильное приложение Open Food Facts</h3>
 
 <p>Для того, чтобы сканировать продукты, с целью получения питательной оценки Nutri-Score, группы NOVA для ультрапереработанных пищевых продуктов, предупреждений об аллергенах и расшифровки содержащихся пищевых добавок, установите бесплатное приложение Open Food Facts!</p>
-<a href="https://apps.apple.com/ru/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ru"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ru_get.svg" alt="Доступно в Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Russian.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/ru/texts/open-food-facts-mobile-app.html b/lang/ru/texts/open-food-facts-mobile-app.html
index 613b14042be2..23516d41254c 100644
--- a/lang/ru/texts/open-food-facts-mobile-app.html
+++ b/lang/ru/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Установите мобильное приложение Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Скачайте приложение!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/ru/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ru">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ru_get.svg" alt="Доступно в Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Russian.svg" alt="Доступно в Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Вы также можете добавлять новые продукты в Open Food Facts и вносить вклад для улучшения питания и здоровья каждого. Спасибо!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires">get the Eco-Score, initially in France  (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Попробуйте новое мобильное приложение Open Food Facts">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ru" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Доступно в Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_RU.svg"
+                    alt="Доступно в App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Мобильное приложение Open Food Facts">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ru" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Доступно в Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_RU.svg"
+                    loading="lazy"
+                    alt="Доступно в App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ru/texts/processing/mobile-app-promo-processing.html b/lang/ru/texts/processing/mobile-app-promo-processing.html
index 5c83722c203a..18d8000aee98 100644
--- a/lang/ru/texts/processing/mobile-app-promo-processing.html
+++ b/lang/ru/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Установите мобильное приложение Open Food Facts</h3>
 
 <p>Чтобы сканировать продукты, получить группу NOVA для ультра-обработанных продуктов, их пищевую ценность Nutri-Score, предупреждения об аллергенах и расшифровать пищевые добавки, установите бесплатное приложение Open Food Facts!</p>
-<a href="https://apps.apple.com/ru/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_RU.svg" alt="Доступно в App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=ru"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/ru_get.svg" alt="Доступно в Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Russian.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/sa/texts/open-food-facts-mobile-app.html b/lang/sa/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sa/texts/open-food-facts-mobile-app.html
+++ b/lang/sa/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sat/texts/open-food-facts-mobile-app.html b/lang/sat/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sat/texts/open-food-facts-mobile-app.html
+++ b/lang/sat/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sc/texts/open-food-facts-mobile-app.html b/lang/sc/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sc/texts/open-food-facts-mobile-app.html
+++ b/lang/sc/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sco/texts/open-food-facts-mobile-app.html b/lang/sco/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sco/texts/open-food-facts-mobile-app.html
+++ b/lang/sco/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sd/texts/open-food-facts-mobile-app.html b/lang/sd/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sd/texts/open-food-facts-mobile-app.html
+++ b/lang/sd/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sg/texts/open-food-facts-mobile-app.html b/lang/sg/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sg/texts/open-food-facts-mobile-app.html
+++ b/lang/sg/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/si/texts/open-food-facts-mobile-app.html b/lang/si/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/si/texts/open-food-facts-mobile-app.html
+++ b/lang/si/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sk/texts/open-food-facts-mobile-app.html b/lang/sk/texts/open-food-facts-mobile-app.html
index d2304ac43bb4..86a62c4cd26a 100644
--- a/lang/sk/texts/open-food-facts-mobile-app.html
+++ b/lang/sk/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SK.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/sk_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Slovak.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_SK.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_SK.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sl/texts/open-food-facts-mobile-app.html b/lang/sl/texts/open-food-facts-mobile-app.html
index a639d78dc166..1aaa5ab9176d 100644
--- a/lang/sl/texts/open-food-facts-mobile-app.html
+++ b/lang/sl/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Preizkusite novo mobilno aplikacijo Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sl">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/sl_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Slovenian.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Prav tako lahko v Open Food Facts dodate nove izdelke in ustvarite skupno dobro za izboljšanje prehrane in zdravja za vse. Hvala vam!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sl" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sl" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sma/texts/open-food-facts-mobile-app.html b/lang/sma/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sma/texts/open-food-facts-mobile-app.html
+++ b/lang/sma/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sn/texts/open-food-facts-mobile-app.html b/lang/sn/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sn/texts/open-food-facts-mobile-app.html
+++ b/lang/sn/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/so/texts/open-food-facts-mobile-app.html b/lang/so/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/so/texts/open-food-facts-mobile-app.html
+++ b/lang/so/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/son/texts/open-food-facts-mobile-app.html b/lang/son/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/son/texts/open-food-facts-mobile-app.html
+++ b/lang/son/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sq/texts/open-food-facts-mobile-app.html b/lang/sq/texts/open-food-facts-mobile-app.html
index 39fbf5d1606a..e36987e6c2ac 100644
--- a/lang/sq/texts/open-food-facts-mobile-app.html
+++ b/lang/sq/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sq">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sq" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sq" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sr/texts/open-food-facts-mobile-app.html b/lang/sr/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sr/texts/open-food-facts-mobile-app.html
+++ b/lang/sr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sr_CS/texts/open-food-facts-mobile-app.html b/lang/sr_CS/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sr_CS/texts/open-food-facts-mobile-app.html
+++ b/lang/sr_CS/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sr_RS/texts/open-food-facts-mobile-app.html b/lang/sr_RS/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/sr_RS/texts/open-food-facts-mobile-app.html
+++ b/lang/sr_RS/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ss/texts/open-food-facts-mobile-app.html b/lang/ss/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/ss/texts/open-food-facts-mobile-app.html
+++ b/lang/ss/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/st/texts/open-food-facts-mobile-app.html b/lang/st/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/st/texts/open-food-facts-mobile-app.html
+++ b/lang/st/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sv/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/sv/texts/nutriscore/mobile-app-promo-nutriscore.html
index d35ffb1307f7..bdbd1ac2088e 100644
--- a/lang/sv/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/sv/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Installera mobilappen Open Food Facts</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/se/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sv"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Finns på Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Tillgänglig för Windows 11 och senare" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/sv/texts/open-food-facts-mobile-app.html b/lang/sv/texts/open-food-facts-mobile-app.html
index 872771b0cc52..66da82d03ef1 100644
--- a/lang/sv/texts/open-food-facts-mobile-app.html
+++ b/lang/sv/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Installera mobilappen Open Food Facts</h1>
-
-<p>För att skanna livsmedelsprodukter och få deras Nutri-Score, Eco-Score och bearbetningsnivå enligt NOVA-gruppen (Nova 4 är ultrabearbetade livsmedel) och för att dechiffrera livsmedelstillsatser, installera den kostnadsfria Open Food Facts-appen!</p>
-
-<h2>Skanna QR-koden med din telefon för att installera appen</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Installera appen på din telefon</h2>
-<a href="https://apps.apple.com/se/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sv">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/sv_get.svg" alt="Finns på Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Swedish.svg" alt="Tillgänglig på Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Tack!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sv" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Finns på Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_SE.svg"
+                    alt="Finns i App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sv" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Finns på Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_SE.svg"
+                    loading="lazy"
+                    alt="Finns i App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/sv/texts/processing/mobile-app-promo-processing.html b/lang/sv/texts/processing/mobile-app-promo-processing.html
index d497bab62a3c..3d927c55cbfa 100644
--- a/lang/sv/texts/processing/mobile-app-promo-processing.html
+++ b/lang/sv/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Installera mobilappen Open Food Facts</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/se/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_SE.svg" alt="Finns i App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=sv"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Finns på Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/sw/texts/open-food-facts-mobile-app.html b/lang/sw/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/sw/texts/open-food-facts-mobile-app.html
+++ b/lang/sw/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ta/texts/open-food-facts-mobile-app.html b/lang/ta/texts/open-food-facts-mobile-app.html
index 6497dea26e65..2e3338faeb07 100644
--- a/lang/ta/texts/open-food-facts-mobile-app.html
+++ b/lang/ta/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,204 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    <span class="highlight-label yellow rotate-left">உங்களுக்கும்</span>இந்த <span class="highlight-label blue rotate-right">உலகத்திற்கும்</span> நல்ல தயாரிப்புகளைத் தேர்வுசெய்க
+                </h1>
+                <p>உலகின் மிகப்பெரிய திறந்த உணவுத் தரவுத்தளம் உங்கள் விரல் நுனியில்!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Google Play இல் உணவு உண்மைகளைத் திறக்கவும்">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="ஆப்பிள் ஆப் ஸ்டோரில் உணவு உண்மைகளைத் திறக்கவும்">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="அளவுகோலின் இடது பக்கத்தில் ஒரு Nutri-ஸ்கோர் மற்றும் புன்னகை முகம் கொண்ட ஒரு அளவுகோல் மற்றும் வலது பக்கத்தில் ஒரு Eco-Score மற்றும் பூமி கிரகம்" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>உங்கள் மொபைலில் இல்லையா? பயன்பாட்டைப் பதிவிறக்க உங்கள் மொபைலில் இருந்து இந்த QR குறியீட்டை ஸ்கேன் செய்யவும்!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-குறியீடு https://world.openfoodfacts.org/open-food-facts-mobile-app உடன் இணைக்கிறது">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    <span class="highlight-label dark-orange rotate-right">நீங்கள் யார் என்பதை</span> உண்மையாகவே பொருத்தும் ஸ்கேன்
+                </h1>
+                <p class="paragraph-top-margin">உங்கள் உப்பு உட்கொள்ளலைக் குறைப்பது முதல் முழு சைவ உணவு உண்பது வரை, பயன்பாட்டில் உங்கள் சொந்த விருப்பங்களை அமைப்பது மற்றும் உணவுக்கான சிறந்த பரிந்துரைகளைப் பெறுவது எளிது.</p>
+                <p>எல்லாவற்றிற்கும் மேலாக, நீங்கள் ஒவ்வாமை கொண்ட எதையாவது சாப்பிடப் போகிறீர்கள் என்றால், பயன்பாடு எப்போதும் உங்களை எச்சரிக்கும்.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    <span class="highlight-label orange rotate-left">முழுப் படத்தைப்</span> பெற உங்கள் அன்றாட வாழ்க்கையிலிருந்து உணவை ஸ்கேன் செய்யவும்
+                </h1>
+                <p class="paragraph-top-margin">திறந்த உணவு உண்மைகள் பயன்பாட்டைத் திறந்து, உங்களுக்குப் பிடித்த உணவின் பார்கோடுக்கு கேமராவை சுட்டிக்காட்டவும்!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="ஒரு பார்கோடு ஸ்கேன் செய்யப்படுகிறது" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="தானியப் பெட்டியின் மேல் ஒரு உருப்பெருக்கி மற்றும் Nutri-scrore லோகோ" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    உங்கள் <span class="highlight-label dark-green rotate-right">ஆரோக்கியத்தை</span> அடுத்த கட்டத்திற்கு எடுத்துச் செல்லுங்கள்
+                </h1>
+                <p class="paragraph-top-margin">பல்வேறு லேபிள்களைப் புரிந்து கொள்ளுங்கள், ஊட்டச்சத்து தகவல்களைப் பற்றி அறிந்து கொள்ளுங்கள் மற்றும் உங்கள் தயாரிப்பின் நியூட்ரி-ஸ்கோரை உடனடியாகக் கணக்கிடுங்கள்: உணவு மற்றும் பானங்களின் ஊட்டச்சத்து மதிப்பை ஒட்டுமொத்த மதிப்பெண்ணாக மாற்றும் ஊட்டச்சத்து லேபிள். இது குழந்தை விளையாட்டு!</p>
+                <p>தகவல் எப்போதும் உங்கள் விருப்பங்களுக்கு ஏற்ப காட்டப்படும்.</p>
+                <a class="button round secondary small" href="/nutriscore">Nutri-score பற்றி மேலும் படிக்கவும்</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    எந்த உணவையும் <span class="highlight-label blue rotate-right">கிரகத்தில்</span> அதன் தாக்கத்தை அறிய அதை ஸ்கேன் செய்யவும்
+                </h1>
+                <p class="paragraph-top-margin">Eco-Score மூலம் 600 ஆயிரத்திற்கும் மேற்பட்ட உணவுப் பொருட்களின் சுற்றுச்சூழல் பாதிப்பைப் பற்றி அறியவும்.</p>
+                <p>சமமான கார்பன் தடம், பொருட்களின் தோற்றம், உற்பத்தி செயல்பாட்டின் போது உயிரினங்களின் சாத்தியமான அச்சுறுத்தல் போன்ற தகவல்களைப் பெற அறிவு பேனல்களை உலாவவும்.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">சுற்றுச்சூழல் மதிப்பெண் பற்றி மேலும் படிக்கவும்</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="பீட்சா மற்றும் பூமியின் மீது ஒரு உருப்பெருக்கி"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="உணவுப் புரட்சியில் இணையுங்கள்"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">உலகளவில் 170,000க்கும் மேற்பட்ட பங்களிப்பாளர்களுடன்!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>"நான் இந்தப் பயன்பாட்டை விரும்புகிறேன்!! நான் அதைக் கிட்டத்தட்ட தினமும் பயன்படுத்துகிறேன். எனக்கான சரியான தயாரிப்பைக் கண்டறிய இது எனக்கு நிறைய உதவுகிறது</p>
+                    <p>
+                        <strong>லூயிஸ்</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Google Play Store மற்றும் Apple Store இல் மதிப்பீடு"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Google Play இல் உணவு உண்மைகளைத் திறக்கவும்">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="F-Droid இல் உணவு உண்மைகளைத் திறக்கவும்">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="F-Droid இல் கிடைக்கிறது"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Github இல் உணவு உண்மைகள் பயன்பாட்டைத் திறக்கவும்">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="APK ஐப் பதிவிறக்கவும்"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="ஆப்பிள் ஆப் ஸ்டோரில் உணவு உண்மைகளைத் திறக்கவும்">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="ஒரு கையால் ஒரு புதிர்"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/te/texts/open-food-facts-mobile-app.html b/lang/te/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/te/texts/open-food-facts-mobile-app.html
+++ b/lang/te/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tg/texts/open-food-facts-mobile-app.html b/lang/tg/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/tg/texts/open-food-facts-mobile-app.html
+++ b/lang/tg/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/th/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/th/texts/nutriscore/mobile-app-promo-nutriscore.html
index dcb0f508564c..c9c65d63fd71 100644
--- a/lang/th/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/th/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/th/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=th"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/th_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Thai.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/th/texts/open-food-facts-mobile-app.html b/lang/th/texts/open-food-facts-mobile-app.html
index 0f167b65ea2b..abeec8d2d8fb 100644
--- a/lang/th/texts/open-food-facts-mobile-app.html
+++ b/lang/th/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/th/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=th">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/th_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Thai.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=th" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_TH.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=th" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_TH.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/th/texts/processing/mobile-app-promo-processing.html b/lang/th/texts/processing/mobile-app-promo-processing.html
index 10ac0931c928..513b0499e028 100644
--- a/lang/th/texts/processing/mobile-app-promo-processing.html
+++ b/lang/th/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Install the Open Food Facts mobile app</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/th/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TH.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=th"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/th_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Thai.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/ti/texts/open-food-facts-mobile-app.html b/lang/ti/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ti/texts/open-food-facts-mobile-app.html
+++ b/lang/ti/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tl/texts/open-food-facts-mobile-app.html b/lang/tl/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/tl/texts/open-food-facts-mobile-app.html
+++ b/lang/tl/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tn/texts/open-food-facts-mobile-app.html b/lang/tn/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/tn/texts/open-food-facts-mobile-app.html
+++ b/lang/tn/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tr/texts/open-food-facts-mobile-app.html b/lang/tr/texts/open-food-facts-mobile-app.html
index 11fb2cba2c56..25e9bdacb1e7 100644
--- a/lang/tr/texts/open-food-facts-mobile-app.html
+++ b/lang/tr/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Open Food Facts mobil uygulamasını yükleyin</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Uygulamayı yüklemek için QR Kodunu telefonunuzla tarayın</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Uygulamayı yükle!</div> <span id="everyday">QR Kodunu</span> <span id="foods">telefonunuz</span>ile tarayın
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Uygulamayı telefonunuza yükleyin</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_TR.svg" alt="App Store'da mevcut" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=tr">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/tr_get.svg" alt="Google Play'de mevcut" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/Turkish.svg" alt="Windows Phone Store'da mevcut" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Android APK olarak mevcut" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="F-Droid'den edinilebilir" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Ayrıca Open Food Facts'e yeni ürünler ekleyebilecek ve herkesin yemeğini ve sağlığını geliştirmek için ortak bir ürün inşa edeceksiniz. Teşekkürler!</p>
-
-<div class="panel callout">
-<h2>En yeni özelliklere bakın</h2>
-<p><b>Haziran 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Android ve iPhone için tamamen yeniden tasarlanmış uygulama: daha kişiselleştirilmiş, daha pedagojik ve daha sezgisel</a></p>
-<p><b>Ocak 2021:</b> Uygulamalar <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">ilk olarak Fransa'da Eco-Score alıyor (Fransızca duyuru)</a></p>
-<p><b>Eylül 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Karanlık mod, yapay zeka, vejeteryan, vegan ve palmiye yağı tespiti ve çevrimdışı katkılar (Fransızca duyuru)</a></p>
-<p><b>Haziran 2019: iPhone ve Android için</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">Yeni Open Food Facts mobil uygulaması</a><br>
-Yeni özellikler: sürekli tarama, çevrimdışı mod, ürün karşılaştırma, listeler, sınırsız geçmiş ve daha fazlası!
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Gıda için ilk işbirliğine dayalı tarama uygulaması olan Open Food Facts mobil uygulamasının lansmanı.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Yeni Open Food Facts mobil uygulamasını deneyin">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=tr" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Google Play'de mevcut"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_TR.svg"
+                    alt="App Store'da mevcut"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobil uygulaması">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=tr" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Google Play'de mevcut"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_TR.svg"
+                    loading="lazy"
+                    alt="App Store'da mevcut"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ts/texts/open-food-facts-mobile-app.html b/lang/ts/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ts/texts/open-food-facts-mobile-app.html
+++ b/lang/ts/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tt/texts/open-food-facts-mobile-app.html b/lang/tt/texts/open-food-facts-mobile-app.html
index 2f3057750182..545a75c7c087 100644
--- a/lang/tt/texts/open-food-facts-mobile-app.html
+++ b/lang/tt/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Рәхмәт!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tw/texts/open-food-facts-mobile-app.html b/lang/tw/texts/open-food-facts-mobile-app.html
index a9c3644f1a0d..545a75c7c087 100644
--- a/lang/tw/texts/open-food-facts-mobile-app.html
+++ b/lang/tw/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group (Nova 4 are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ty/texts/open-food-facts-mobile-app.html b/lang/ty/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ty/texts/open-food-facts-mobile-app.html
+++ b/lang/ty/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/tzl/texts/open-food-facts-mobile-app.html b/lang/tzl/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/tzl/texts/open-food-facts-mobile-app.html
+++ b/lang/tzl/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ug/texts/open-food-facts-mobile-app.html b/lang/ug/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ug/texts/open-food-facts-mobile-app.html
+++ b/lang/ug/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/uk/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/uk/texts/nutriscore/mobile-app-promo-nutriscore.html
index 24cfad319090..90bf17e1e898 100644
--- a/lang/uk/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/uk/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Встановити мобільний додаток Open Food Facts</h3>
 
 <p>Встановіть безплатний додаток Open Food Facts для того, щоб просканувати харчові продукти, отримати їх показник харчової якості за поживною категорією, групу NOVA для того, щоб дізнатися про ультраоброблені продукти, сповіщення про алергени та для розшифрування харчових добавок!</p>
-<a href="https://apps.apple.com/ua/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Доступно на Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Доступно для Windows 11 і вище" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="АРК для Android"></a>
diff --git a/lang/uk/texts/open-food-facts-mobile-app.html b/lang/uk/texts/open-food-facts-mobile-app.html
index cea870bf1958..48f3a7febd12 100644
--- a/lang/uk/texts/open-food-facts-mobile-app.html
+++ b/lang/uk/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Встановити мобільний додаток Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/ua/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Доступно на Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Доступний у Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Ви також зможете додавати нові продукти до бази Open Food Facts і долучитися до спільних дій для поліпшення харчування і здоров'я кожного з нас. Дякуємо!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Доступно на Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Доступно в App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Не на твоєму мобільному телефоні? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. Дитячі забавки!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Дізнатися більше про Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“Я люблю цей додаток!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Луїза</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Доступно на Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Доступно на F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Завантажити APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Доступно в App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="Головоломка з рукою"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/uk/texts/processing/mobile-app-promo-processing.html b/lang/uk/texts/processing/mobile-app-promo-processing.html
index 5430db63c7ad..d5a2cb4c0f96 100644
--- a/lang/uk/texts/processing/mobile-app-promo-processing.html
+++ b/lang/uk/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Встановити мобільний додаток Open Food Facts</h3>
 
 <p>Щоб відсканувати харчові продукти, отримати групу NOVA для ультраоброблених продуктів, їх поживний рівень Nutri-Score, сповіщення про алергени та розшифрувати харчові добавки, встановіть безкоштовний додаток Open Food Facts!</p>
-<a href="https://apps.apple.com/ua/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Доступно в App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Доступно на Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="АРК для Android"></a>
diff --git a/lang/ur/texts/open-food-facts-mobile-app.html b/lang/ur/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ur/texts/open-food-facts-mobile-app.html
+++ b/lang/ur/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/uz/texts/open-food-facts-mobile-app.html b/lang/uz/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/uz/texts/open-food-facts-mobile-app.html
+++ b/lang/uz/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/val/texts/open-food-facts-mobile-app.html b/lang/val/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/val/texts/open-food-facts-mobile-app.html
+++ b/lang/val/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/ve/texts/open-food-facts-mobile-app.html b/lang/ve/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/ve/texts/open-food-facts-mobile-app.html
+++ b/lang/ve/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/vec/texts/open-food-facts-mobile-app.html b/lang/vec/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/vec/texts/open-food-facts-mobile-app.html
+++ b/lang/vec/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/vi/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/vi/texts/nutriscore/mobile-app-promo-nutriscore.html
index 961ed57369c3..00dd0a27b1da 100644
--- a/lang/vi/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/vi/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>Cài đặt ứng dụng di động Open Food Facts</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/vn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=vi"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/vi_get.svg" alt="Có trên Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Vietnamese.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/vi/texts/open-food-facts-mobile-app.html b/lang/vi/texts/open-food-facts-mobile-app.html
index 11fb75c08444..61585913ee7b 100644
--- a/lang/vi/texts/open-food-facts-mobile-app.html
+++ b/lang/vi/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Cài đặt ứng dụng di động Open Food Facts</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Cài đặt ứng dụng!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/vn/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=vi">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/vi_get.svg" alt="Có trên Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Có sẵn trên Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>Bạn cũng có thể thêm các sản phẩm mới vào Open Food Facts và đóng góp vì lợi ích chung để cải thiện dinh dưỡng và sức khỏe cho mọi người. Cảm ơn bạn!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=vi" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Có trên Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_VN.svg"
+                    alt="Có trên App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=vi" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Có trên Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_VN.svg"
+                    loading="lazy"
+                    alt="Có trên App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/vi/texts/processing/mobile-app-promo-processing.html b/lang/vi/texts/processing/mobile-app-promo-processing.html
index 19987ec93ff4..f65a6de52297 100644
--- a/lang/vi/texts/processing/mobile-app-promo-processing.html
+++ b/lang/vi/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>Cài đặt ứng dụng di động Open Food Facts</h3>
 
 <p>Để quét các sản phẩm thực phẩm, xem nhóm NOVA cho thực phẩm đã qua chế biến, cấp độ dinh dưỡng Nutri-Score của chúng, cảnh báo về chất gây dị ứng và để tách chất phụ gia thực phẩm, hãy cài đặt ứng dụng Open Food Facts miễn phí!</p>
-<a href="https://apps.apple.com/vn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_VN.svg" alt="Có trên App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=vi"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/vi_get.svg" alt="Có trên Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Vietnamese.svg" alt="Cửa hàng Windows Phone" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/vls/texts/open-food-facts-mobile-app.html b/lang/vls/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/vls/texts/open-food-facts-mobile-app.html
+++ b/lang/vls/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/wa/texts/open-food-facts-mobile-app.html b/lang/wa/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/wa/texts/open-food-facts-mobile-app.html
+++ b/lang/wa/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/wo/texts/open-food-facts-mobile-app.html b/lang/wo/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/wo/texts/open-food-facts-mobile-app.html
+++ b/lang/wo/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/xh/texts/open-food-facts-mobile-app.html b/lang/xh/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/xh/texts/open-food-facts-mobile-app.html
+++ b/lang/xh/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/yi/texts/open-food-facts-mobile-app.html b/lang/yi/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/yi/texts/open-food-facts-mobile-app.html
+++ b/lang/yi/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/yo/texts/open-food-facts-mobile-app.html b/lang/yo/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/yo/texts/open-food-facts-mobile-app.html
+++ b/lang/yo/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/zea/texts/open-food-facts-mobile-app.html b/lang/zea/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/zea/texts/open-food-facts-mobile-app.html
+++ b/lang/zea/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/zh_CN/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/zh_CN/texts/nutriscore/mobile-app-promo-nutriscore.html
index 77405fb7a9a2..4f95678e048c 100644
--- a/lang/zh_CN/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/zh_CN/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>安装 Open Food Facts 手机应用程序</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/cn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-cn"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/zh-cn_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Chinese_Simplified.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/zh_CN/texts/open-food-facts-mobile-app.html b/lang/zh_CN/texts/open-food-facts-mobile-app.html
index 2bc44c6ad0e3..199b4848e461 100644
--- a/lang/zh_CN/texts/open-food-facts-mobile-app.html
+++ b/lang/zh_CN/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>安装 Open Food Facts 手机应用程序</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">安装 App</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/cn/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-cn">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="可在WindowsPhone下载" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>你还可以在Open Food Facts里添加新产品，建立共同利益，改善大家的营养和健康。 谢谢!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-cn" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_CN_SC.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-cn" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_CN_SC.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/zh_CN/texts/processing/mobile-app-promo-processing.html b/lang/zh_CN/texts/processing/mobile-app-promo-processing.html
index 64ab26d0e066..6f05e7c4c82d 100644
--- a/lang/zh_CN/texts/processing/mobile-app-promo-processing.html
+++ b/lang/zh_CN/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>安装 Open Food Facts 手机应用程序</h3>
 
 <p>安装免费的 Open Food Facts 应用程序，即可扫描食品，查询 NOVA 分组中的高度加工食品信息、Nutri-Score 营养等级、过敏提示，并解密食品添加剂！</p>
-<a href="https://apps.apple.com/cn/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-cn"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/zh-cn_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/Chinese_Simplified.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/zh_HK/texts/nutriscore/mobile-app-promo-nutriscore.html b/lang/zh_HK/texts/nutriscore/mobile-app-promo-nutriscore.html
index 2884e92646f0..70773fdc36f0 100644
--- a/lang/zh_HK/texts/nutriscore/mobile-app-promo-nutriscore.html
+++ b/lang/zh_HK/texts/nutriscore/mobile-app-promo-nutriscore.html
@@ -8,7 +8,7 @@
 <h3>安裝Open Food Facts手機應用程式</h3>
 
 <p>To scan food products, get their Nutri-Score nutritional grade, the NOVA group for ultra-processed foods, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/hk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-hk"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available for Windows 11 and up" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/zh_HK/texts/open-food-facts-mobile-app.html b/lang/zh_HK/texts/open-food-facts-mobile-app.html
index 9acb6a2c1078..c8aaf54597d9 100644
--- a/lang/zh_HK/texts/open-food-facts-mobile-app.html
+++ b/lang/zh_HK/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>安裝Open Food Facts手機應用程式</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/hk/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-hk">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you! Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-hk" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-hk" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/zh_HK/texts/processing/mobile-app-promo-processing.html b/lang/zh_HK/texts/processing/mobile-app-promo-processing.html
index d94453c80815..6743bd48593f 100644
--- a/lang/zh_HK/texts/processing/mobile-app-promo-processing.html
+++ b/lang/zh_HK/texts/processing/mobile-app-promo-processing.html
@@ -5,7 +5,7 @@
 <h3>安裝Open Food Facts手機應用程式</h3>
 
 <p>To scan food products, get the NOVA group for ultra-processed foods, their Nutri-Score nutritional grade, allergens alerts and to decypher food additives, install the free Open Food Facts app!</p>
-<a href="https://apps.apple.com/hk/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
+<a href="https://apps.apple.com/app/open-food-facts/id588797948"><img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40"></a>
 <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=zh-hk"><img src="https://world.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40"></a>
 <a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG"><img src="https://world.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Windows Phone Store" width="109" height="40"></a>
 <a href="https://github.com/openfoodfacts/smooth-app/releases/latest"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK"></a>
diff --git a/lang/zh_TW/texts/open-food-facts-mobile-app.html b/lang/zh_TW/texts/open-food-facts-mobile-app.html
index 50942b0ee43f..545a75c7c087 100644
--- a/lang/zh_TW/texts/open-food-facts-mobile-app.html
+++ b/lang/zh_TW/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you! Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file
diff --git a/lang/zu/texts/open-food-facts-mobile-app.html b/lang/zu/texts/open-food-facts-mobile-app.html
index 6497dea26e65..545a75c7c087 100644
--- a/lang/zu/texts/open-food-facts-mobile-app.html
+++ b/lang/zu/texts/open-food-facts-mobile-app.html
@@ -1,113 +1,212 @@
-<h1>Install the Open Food Facts mobile app</h1>
-
-<p>To scan food products, and to get their Nutri-Score, their Eco-Score, their level of processing with the NOVA group ("NOVA 4" are ultra-processed foods), and to decypher food additives, install the free Open Food Facts app!</p>
-
-<h2>Scan the QR Code with your phone to install the app</h2>
-
-<div class="cell small-50 v-align-center" id="footer_scan" style="display:block">
-<div id="footer_install_the_app">Install the app!</div> Scan this <span id="everyday">QR-Code</span> with your <span id="foods">phone</span>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-	<div id="qrcode"></div>
+<style type="text/css">#install_the_app_block, .donation-banner-footer, .offdays-banner {display: none;} #main_column {padding-bottom: 0;}</style>
 <script>
-var qrcode = new QRCode(document.getElementById("qrcode"), {
-	text: "https://world.openfoodfacts.net/open-food-facts-mobile-app",
-	width: 128,
-	height: 128,
-	colorDark : "#000000",
-	colorLight : "#ffffff",
-	correctLevel : QRCode.CorrectLevel.H
-});
+    function getMobileOperatingSystem() {
+      var userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    
+          // Windows Phone must come first because its UA also contains "Android"
+        if (/windows phone/i.test(userAgent)) {
+            return "Windows Phone";
+        }
+    
+        if (/android/i.test(userAgent)) {
+            return "Android";
+        }
+    
+        // iOS detection from: https://stackoverflow.com/a/9039885/177710
+        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+            return "iOS";
+        }
+    
+        return "unknown";
+    }</script>
+
+    <!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
+    <script>
+    function DetectAndServe(){
+    if (getMobileOperatingSystem() == "Android") {
+        window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
+        }
+    if (getMobileOperatingSystem() == "iOS") {
+        window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
+        }
+    if (getMobileOperatingSystem() == "Windows Phone") {
+        window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
+        }
+    };
+    DetectAndServe();
 </script>
-
-
-					
-</div>
-<!--
-<img src="https://raw.githubusercontent.com/openfoodfacts/openfoodfacts-server/lp-illustrations/html/images/illustrations/get-the-app-en.svg" alt="Scan the QR Code with your phone to install the app" width="409" height="127" />
--->
-<h2>Install the app on your phone</h2>
-<a href="https://apps.apple.com/app/open-food-facts/id588797948">
-<img src="https://static.openfoodfacts.org/images/misc/appstore/black/appstore_US.svg" alt="Available on the App Store" width="120" height="40" />
-</a>
-
-<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en">
-<img src="https://static.openfoodfacts.org/images/misc/google-play-badge-svg-master/img/en_get.svg" alt="Available on Google Play" width="102" height="40" />
-</a>
-
-<a href="https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG">
-<img src="https://static.openfoodfacts.org/images/misc/microsoft/English.svg" alt="Available on the Windows Phone Store" width="109" height="40px" />
-</a>
-
-<a href="https://github.com/openfoodfacts/smooth-app/releases/latest">
-<img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" loading="lazy" alt="Available as an Android APK" style="height: 40px;" /></a>
-
-<a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood/">
-<img src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png" loading="lazy" alt="Available from F-Droid" style="height: 40px;"/></a>
-
-<br><br>
-
-<p>You can also add new products to Open Food Facts and build a common good to improve nutrition and health for everybody. Thank you!</p>
-
-<div class="panel callout">
-<h2>See the latest features</h2>
-<p><b>June 2022:</b> <a href="https://blog.openfoodfacts.org/en/press-release-new-mobile-app" alt="Press release for the new mobile app">Completely redesigned app for Android and iPhone: more personalized, more pedagogical and more intuitive</a></p>
-<p><b>January 2021:</b> The apps <a href="https://blog.openfoodfacts.org/fr/news/lancement-de-l-eco-score-la-note-environnementale-des-produits-alimentaires" alt="Eco-Score announcement">get the Eco-Score, initially in France (announcement in French)</a></p>
-<p><b>September 2020:</b> <a href="https://blog.openfoodfacts.org/fr/news/la-rentree-d-open-food-facts-en-6-actualites" alt="Blogpost about novelties in the app">Dark mode, artificial intelligence, vegetarian, vegan and palm oil detection, and offline contributions (announcement in French)</a></p>
-<p><b>June 2019:</b> <a href="https://blog.openfoodfacts.org/en/news/the-new-open-food-facts-app-to-better-decipher-labels-and-participate-in-the-common-good" alt="Blogpost about the new native mobile app">New Open Food Facts mobile apps for iPhone and Android</a><br>
-New features: continuous scan, offline mode, product comparison, lists, unlimited history and more !
-</p>
-<p><b>2012:</b> <a href="https://blog.openfoodfacts.org/fr/news/application-mobile-open-food-facts-pour-android" alt="Blogpost about the pioneering Open Food Facts mobile app">Launch of the Open Food Facts mobile app, the very first collaborative scanning app for food.</a>
-</p>
-</div>
-<!-- TODO: Translate images to your language. Ask @teolemon for the SVG file-->
-<div class="row">
-<div class="small-12 medium-12 large-6 columns">
-<img src="https://static.openfoodfacts.org/images/misc/mobileapp/new_openfoodfacts_app_en_light_3_screenshots.png" alt="Try the new Open Food Facts mobile app">
-</div>
-</div>
-
-<!-- DO NOT translate after this line -->
-
-<scripts>
-<script>
-function getMobileOperatingSystem() {
-  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      // Windows Phone must come first because its UA also contains "Android"
-    if (/windows phone/i.test(userAgent)) {
-        return "Windows Phone";
-    }
-
-    if (/android/i.test(userAgent)) {
-        return "Android";
-    }
-
-    // iOS detection from: https://stackoverflow.com/a/9039885/177710
-    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
-        return "iOS";
-    }
-
-    return "unknown";
-}</script>
-
-<!-- You can change the URLs to one that works in your language. If you are unsure, do not touch anything -->
-
-<script>
-function DetectAndServe(){
-
-if (getMobileOperatingSystem() == "Android") {
-    window.location.href = "https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en";
-    }
-if (getMobileOperatingSystem() == "iOS") {
-    window.location.href = "https://apps.apple.com/app/open-food-facts/id588797948";
-    }
-if (getMobileOperatingSystem() == "Windows Phone") {
-    window.location.href = "https://apps.microsoft.com/store/detail/open-food-facts-scan-to-get-nutriscore-ecoscore-and-more/XP8LT18SRPKLRG";
-    }
-};
-DetectAndServe();
-</script>
-</scripts>
-
-<initjs>
-</initjs>
+<div id="app-landing-page">
+    <div id="download-app-block" class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Choose products that are good for
+                    <span class="highlight-label yellow rotate-left">you</span>
+                    and the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p>The world's largest open food database at your fingertips!</p>
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+            <div class="small-12 medium-6 medium-offset-1 column">
+                <img src="/images/illustrations/scale-ecoscore-nutriscore.svg" alt="A scale with a Nutri-Score and a smiley face on the left side of the scale and an Eco Score and planet Earth on the right side" style="max-height: 250px">
+            </div>
+        </div>
+        <div class="row show-for-large-up" style="padding-top: 4rem; text-align: center">
+            <div class="small-3 small-centered column">
+                <p>Not on your mobile? Scan this QR code from your mobile to download the app!</p>
+                <img src="/images/misc/app-landing-page/qrcode_en.svg" width="180" height="180" alt="QR-Code linking to https://world.openfoodfacts.org/open-food-facts-mobile-app">
+            </div>
+        </div>
+    </div>
+    <div class="block block-seashell" id="app-card-block">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/misc/app-landing-page/mobile-app-preview/mobile-app-preview_en.svg" alt="Open Food Facts mobile app">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    A scan that truly matches
+                    <span class="highlight-label dark-orange rotate-right">who you are</span>
+                </h1>
+                <p class="paragraph-top-margin">From reducing your salt intake to going full vegan, it's easy to set your own personal preferences in the app and start getting smarter recommendations for food.</p>
+                <p>Best of all, the app always warns you if you're about to eat something containing an allergen.</p>
+            </div>
+        </div>
+    </div>
+    <div class="block block-yellow">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan the food from your everyday life to get the
+                    <span class="highlight-label orange rotate-left">full picture</span>
+                </h1>
+                <p class="paragraph-top-margin">Open the Open Food Facts app and point the camera to your favorite food's barcode!</p>
+            </div>
+            <div class="small-12 medium-3 medium-offset-1 end column">
+                <img src="/images/illustrations/app-barcode-scan.png" alt="A barcode being scanned" style="max-height: 200px;">
+            </div>
+        </div>
+    </div>
+    <div class="block block-light-green">
+        <div class="row">
+            <div class="small-12 medium-4 medium-offset-1 column">
+                <img src="/images/illustrations/health-cereals-magnifier.svg" alt="A magnifier over a cereal box and a Nutri-Score logo" style="max-height: 200px">
+            </div>
+            <div class="small-12 medium-5 end column">
+                <h1 class="title-2 emphasized-title">
+                    Take your
+                    <span class="highlight-label dark-green rotate-right">health</span>
+                    to the next level
+                </h1>
+                <p class="paragraph-top-margin">Decipher various labels, learn about nutritional information and compute instantly the Nutri-Score of your product: a nutritional label which converts the nutritional value of food and beverages into an overall score. It is child's play!</p>
+                <p>The information will always be displayed according to your preferences.</p>
+                <a class="button round secondary small" href="/nutriscore">Read more about the Nutri-Score</a>
+            </div>
+        </div>
+    </div>
+    <div class="block block-blue">
+        <div class="row">
+            <div class="small-12 medium-5 medium-offset-1 column">
+                <h1 class="title-2 emphasized-title">
+                    Scan almost any food to see it’s impact on the
+                    <span class="highlight-label blue rotate-right">planet</span>
+                </h1>
+                <p class="paragraph-top-margin">Learn about the environmental impact of over 600 thousands food products with the Eco-Score.</p>
+                <p>Browse the knowledge panels to get information like the equivalent carbon footprint, the origin of ingredients, the possible threat of species during the manufacturing process.</p>
+                <a class="button round secondary small" href="/eco-score-the-environmental-impact-of-food-products">Read more about the Eco-Score</a>
+            </div>
+            <div class="small-12 medium-6 end column">
+                <img
+                    src="/images/illustrations/app-planet-pizza.svg"
+                    alt="A magnifier over a pizza and planet Earth"
+                    style="max-height: 250px"
+                    loading="lazy"
+                >
+            </div>
+        </div>
+    </div>
+    <div class="block block-white">
+        <div class="row" id="join-food-revolution-row">
+            <div class="small-12 medium-4 medium-offset-2 column">
+                <img
+                    src="/images/misc/app-landing-page/join-the-food-revolution/join-the-food-revolution_en.svg"
+                    alt="Join the food revolution"
+                    style="max-height: 180px"
+                    loading="lazy"
+                >
+                <p class="paragraph-top-margin">Along with more than 170,000 contributors worldwide!</p>
+            </div>
+            <div class="small-12 medium-4 end column">
+                <div class="testimonial-card">
+                    <p>“I love this app!! I use it almost everyday. It’s helping me a lot finding the right product for me!”</p>
+                    <p>
+                        <strong>Louise</strong>
+                    </p>
+                </div>
+                <div style="margin-top: 1rem;">
+                    <img
+                        src="/images/misc/app-landing-page/store-review-rating.svg"
+                        loading="lazy"
+                        alt="Rating on Google Play Store and Apple Store"
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="small-12 medium-7 medium-offset-5 column">
+                <a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" title="Open Food Facts on Google Play">
+                <img
+                    src="/images/misc/playstore/img/en_get.svg"
+                    loading="lazy"
+                    alt="Available on Google Play"
+                    width="120"
+                    height="40"
+                ></a>
+                <a href="https://f-droid.org/packages/openfoodfacts.github.scrachx.openfood" title="Open Food Facts on F-Droid">
+                <img
+                    src="/images/misc/f-droid/get-it-on-en.png"
+                    loading="lazy"
+                    alt="Available on F-Droid"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://github.com/openfoodfacts/smooth-app/releases/latest" title="Open Food Facts app on Github">
+                <img
+                    src="/images/misc/app-landing-page/download-apk/download-apk_en.svg"
+                    loading="lazy"
+                    alt="Download the APK"
+                    height="40"
+                    width="120"
+                ></a>
+                <a href="https://apps.apple.com/app/open-food-facts/id588797948" title="Open Food Facts on the Apple App Store">
+                <img
+                    src="/images/misc/appstore/black/appstore_US.svg"
+                    loading="lazy"
+                    alt="Available on the App Store"
+                    width="120"
+                    height="40"
+                ></a>
+            </div>
+        </div>
+        <img
+            src="/images/illustrations/puzzle.svg"
+            alt="A puzzle with a hand"
+            class="puzzle-illustration show-for-large-up"
+            loading="lazy"
+        >
+    </div>
+</div>
\ No newline at end of file