Skip to content

Commit

Permalink
feat: partners (#130)
Browse files Browse the repository at this point in the history
  • Loading branch information
@YoanRos
YoanRos authored Jan 21, 2024
1 parent cc9feb5 commit e86e1fb
Show file tree
Hide file tree
Showing 19 changed files with 419 additions and 3 deletions.
1 change: 1 addition & 0 deletions components/Footer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,7 @@ export default function Footer() {
text="Nous contacter ?"
link="mailto:ozensemble@fabrique.social.gouv.fr"
/> */}
<ArrowList text="Nos partenaires" link="/partners" />
<button
className="block underline text-sm font-light mb-2 cursor-pointer"
onClick={() => setShowContactPopup(true)}
Expand Down
5 changes: 5 additions & 0 deletions components/Navigation.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,11 @@ export default function Navigation({ showPopup, setShowPopup }) {
onClick={() => setShowContactPopup(true)}
/> */}
<Link name="Blog" target="/blog" setIsOpen={setIsOpen} />
<Link
name="Nos partenaires"
target="/partners"
setIsOpen={setIsOpen}
/>
<ContactPopupTrigger setShowPopup={setShowContactPopup} />
<DownloadPopupTrigger setShowPopup={setShowPopup} />
</div>
Expand Down
42 changes: 39 additions & 3 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -191,9 +191,45 @@ export default function Index() {
/>
</button>
</div>

<div className="py-20 lg:py-32" id="who-are-we">
<div className="mx-[10%] sm:mx-20 md:mx-auto md:w-7/12 lg:w-[750px]">
<div className="py-20 lg:py-32 " id="partners">
<div className="mx-[10%] sm:mx-20 md:mx-auto md:w-7/12 lg:w-[750px] ">
<div className="bottom-9 bg-grey-600">
<h3 className="text-2xl font-bold text-center lg:text-3xl text-oz-blue">
Nos partenaires
</h3>
</div>
<div className="flex flex-wrap justify-center gap-8 top-9 mt-4">
<div className="transition duration-500 hover:scale-110 basis-1/4 lg:basis-1/3">
<a href="https://www.alcool-info-service.fr/Actualites/Oz-ensemble-une-application-pour-maitriser-sa-consommation-d-alcool">
<img
className="py-12"
src="images/logo_alcool_info_service.png"
alt="Partenaire alcool info service, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/4 lg:basis-1/3">
<a href="https://www.federationaddiction.fr/actualites/oz-ensemble-une-application-pour-smartphone-pour-reprendre-la-maitrise-de-sa-consommation-dalcool/">
<img
className="py-9"
src="images/logo_federation_addiction.png"
alt="Partenaire fédération addiction, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
</div>
</div>
<div className="flex items-center justify-center ">
<button
className=" rounded-full bg-oz-pink font-bold text-white py-2 px-6 items-center cursor-pointer hover:text-oz-pink hover:bg-white border border-oz-pink transition"
onClick={() => (window.location.href = "/partners")}
>
<span>Voir tous nos partenaires</span>
</button>
</div>
</div>
<div className="py-20 lg:py-32 bg-oz-gray " id="who-are-we">
<div className="mx-[10%] sm:mx-20 md:mx-auto md:w-7/12 lg:w-[750px] bg-white ">
<div className="bottom-9 bg-grey-600">
<h3 className="text-2xl font-bold text-center lg:text-4xl text-oz-blue">
Qui sommes nous ?
Expand Down
208 changes: 208 additions & 0 deletions pages/partners.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,208 @@
import Footer from "../components/Footer"
import Navigation from "../components/Navigation"
import Head from "next/head"

const Partners = () => {
return (
<>
<Head>
<title>Partners | Oz Ensemble</title>
</Head>
<div>
<Navigation />
<div className="mt-30 lg:mt-40">
<h1 className="mb-2 text-3xl text-center font-extrabold lg:text-5xl text-oz-blue">
Nos partenaires
</h1>
<div className="px-20 lg:py-10">
<h3 className="text-2xl font-bold lg:text-4xl text-oz-green">
Institutions
</h3>
<div className="flex flex-wrap mt-10 gap-10 ">
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a
className=""
href="https://www.alcool-info-service.fr/Actualites/Oz-ensemble-une-application-pour-maitriser-sa-consommation-d-alcool"
>
<img
className="pt-8"
src="images/logo_alcool_info_service.png"
alt="Partenaire alcool info service, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://www.federationaddiction.fr/actualites/oz-ensemble-une-application-pour-smartphone-pour-reprendre-la-maitrise-de-sa-consommation-dalcool/">
<img
className="pt-7"
src="images/logo_federation_addiction.png"
alt="Partenaire fédération addiction, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-32">
<a href="https://www.ars.sante.fr/">
<img
className=""
src="images/logo_ars.png"
alt="Partenaire l'agence régionale de santé Ile-de-France, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-40">
<a href="https://capasscite.fr/association/">
<img
className=""
src="images/logo_CaPASSCite.png"
alt="Partenaire l'association Capasscité, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
</div>
</div>
<div className="px-20 py-20 lg:py-10">
<h3 className="text-2xl font-bold lg:text-4xl text-oz-green">
Communes
</h3>
<div className="flex flex-wrap mt-10 gap-10 ">
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://correns.fr/fr/nw/1870442/1732031/dispositif-oz-ensemble">
<img
className=""
src="images/logo_correns.png"
alt="La commune de Correns, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110">
<a href="https://www.mairie-jury.fr/a-la-une/une-861/oz-le-dispositif-du-ministere-de-la-sante-en-addictologie-5326.html">
<img
className=""
src="images/logo_jury.png"
alt="Commune jury, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110">
<a href="https://mairie-martressurmorge.fr/2023/10/18/oz-ensemble-maitriser-sa-consommation-dalcool/">
<img
className=""
src="images/logo_martres_sur_morge.png"
alt="Commune les martres sur morge, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-32">
<a href="https://www.intramuros.org/laa-mondrans/actualites/321342">
<img
className=""
src="images/logo_laa_mondrans.jpg"
alt="Commune Laà Mondras , accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://gps.gf/agenda/presentation-de-l-application-oz-ensemble/">
<img
className=""
src="images/logo_guyane_promo_sante.png"
alt="L'association guyane promo santé, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://ouzouersurloire.fr/application-mobile-oz-ensemble ">
<img
className=""
src="images/logo_ouzouer.png"
alt="La commune ouzouer-sur-loire, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://villeneuvelesbouloc.fr/fr/nw/1326795/1651652/application-oz-ensemble">
<img
className=""
src="images/logo_villeneuve_les_bouloc.jpg"
alt="Partenaire fédération addiction, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
</div>
</div>
<div className="px-20 py-20 lg:py-10">
<h3 className="text-2xl font-bold lg:text-4xl text-oz-green">
Autres
</h3>
<div className="flex flex-wrap mt-10 gap-10 ">
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://www.whatsupdoc-lemag.fr/article/quarantaine-confinement-une-app-oz-ensemble-aide-au-controle-de-la-consommation-dalcool">
<img
className=""
src="images/logo_whatsupdoc.png"
alt="Magazine what's up doc, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://www.ordotype.fr/recommandations/sevrage-alcoolique-application-oz-ensemble">
<img
className=""
src="images/logo_ordotype.svg"
alt="Le site internet ordotype, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://www.lanutrition.fr/dry-january-quels-bienfaits-en-attendre-pour-la-sante">
<img
className=""
src="images/logo_la_nutrition.svg"
alt="Journal la nutrition, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://app.vivatechnology.com/partner/2d36f8bb-2201-ee11-907a-002248859577/oz-ensemble">
<img
className=""
src="images/logo_viva_technology.png"
alt="Entreprise VIVA technology, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
</div>
</div>
<div className="px-20 py-20 lg:py-10">
<h3 className="text-2xl font-bold lg:text-4xl text-oz-green">
Presse
</h3>
<div className="flex flex-wrap my-10 gap-10 ">
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://rmc.bfmtv.com/conso/dry-january-maitrisez-votre-consommation-d-alcool-grace-a-ces-applications_AN-202401020669.html">
<img
className=""
src="images/logo_rmc_conso.svg"
alt="Journal rmc conso, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
<div className="transition duration-500 hover:scale-110 basis-1/6">
<a href="https://www.liberation.fr/lifestyle/gastronomie/dry-january-questionner-sa-consommation-dalcool-sur-la-duree-20230131_M6DBQPJS4VALHIKGNUPSS7KIHA/">
<img
className=""
src="images/logo_liberation.svg"
alt="Journal libération, accédez à leur site en cliquant sur ce logo"
/>
</a>
</div>
</div>
</div>
</div>
<Footer />
</div>
</>
)
}

export default Partners
Binary file added public/images/logo_alcool_info_service.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/logo_correns.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/logo_federation_addiction.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/logo_guyane_promo_sante.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/logo_jury.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit e86e1fb

Please sign in to comment.