Closure announcement website

apps/website/app/components/closure-announcement.tsx

@@ -0,0 +1,27 @@
+export default function ClosureAnnouncement() {
+  return (
+    <div className="bg-primary-50 border-b border-primary-200">
+      <div className="px-4 py-3 mx-auto max-w-screen-xl">
+        <div className="flex flex-col gap-2 items-center text-center md:flex-row md:justify-center md:gap-3">
+          <div className="flex-shrink-0">
+            <span className="text-2xl">🐝</span>
+          </div>
+          <div className="flex-1">
+            <p className="text-sm font-semibold text-primary-900 md:text-base">
+              <strong className="font-bold">Fermeture définitive</strong>
+            </p>
+            <p className="mt-1 text-sm text-primary-800 md:text-base">
+              C'est avec une grande émotion que nous vous annonçons que{' '}
+              <strong className="font-bold">L'Abeille Viennoise</strong> va{' '}
+              <strong className="font-bold">fermer ses portes définitivement</strong>.
+              <br className="hidden md:inline" />{' '}
+              Merci à tous ceux qui ont accompagné notre aventure apicole et qui ont
+              partagé notre passion pour ces{' '}
+              <strong className="font-bold">merveilleuses créatures</strong>.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

apps/website/app/modules/home/home-closure-announcement.tsx

@@ -0,0 +1,45 @@
+export default function HomeClosureAnnouncement() {
+  return (
+    <section className="bg-primary-50 py-8 px-4 mx-auto max-w-screen-xl md:py-16 lg:px-6">
+      <div className="max-w-4xl mx-auto text-center">
+        <div className="mb-6">
+          <span className="text-5xl">🐝</span>
+        </div>
+        <h2 className="mb-4 text-3xl tracking-tight font-extrabold text-primary md:text-4xl">
+          Fermeture définitive
+        </h2>
+        <div className="space-y-4 text-left">
+          <p className="font-light text-gray-700 md:text-lg">
+            C'est avec une{' '}
+            <strong className="font-bold">grande émotion</strong> que nous vous
+            annonçons que <strong className="font-bold">L'Abeille Viennoise</strong>{' '}
+            va <strong className="font-bold">fermer ses portes définitivement</strong>.
+          </p>
+          <p className="font-light text-gray-700 md:text-lg">
+            Cette aventure apicole qui a commencé à Vienne, en Isère, avec quelques
+            ruches pour le plaisir, est devenue une{' '}
+            <strong className="font-bold">passion et une raison de vivre</strong>. Nous
+            avons eu la chance de partager notre amour pour ces{' '}
+            <strong className="font-bold">merveilleuses créatures</strong> avec vous,
+            de produire des miels de qualité supérieure, et de contribuer à la{' '}
+            <strong className="font-bold">préservation des abeilles</strong> et de leur
+            environnement.
+          </p>
+          <p className="font-light text-gray-700 md:text-lg">
+            <strong className="font-bold">Merci</strong> à tous ceux qui ont
+            accompagné notre aventure, qui ont partagé notre passion, et qui ont cru en
+            notre mission. Votre{' '}
+            <strong className="font-bold">soutien et votre confiance</strong> ont été
+            essentiels tout au long de ce beau parcours.
+          </p>
+          <p className="font-light text-gray-700 md:text-lg">
+            L'artisanat et l'approche humaine resteront toujours au cœur de ce que
+            nous avons accompli ensemble. Les abeilles méritent notre protection et
+            notre amour, et nous espérons que cette mission continuera à vivre dans
+            vos cœurs.
+          </p>
+        </div>
+      </div>
+    </section>
+  )
+}

apps/website/app/root.tsx

@@ -6,6 +6,7 @@ import type { LinksFunction, LoaderFunction } from '@remix-run/node'
 import { Outlet } from '@remix-run/react'
 import { IKContext } from 'imagekitio-react'
 import { typedjson, useTypedLoaderData } from 'remix-typedjson'
+import ClosureAnnouncement from '@/components/closure-announcement'
 
 export const links: LinksFunction = () => [
   {
@@ -38,6 +39,7 @@ const App = () => {
       publicKey={env.PUBLIC_IMAGEKIT_PUBLIC_KEY}
     >
       <DefaultLayout>
+        <ClosureAnnouncement />
         <Outlet />
       </DefaultLayout>
     </IKContext>

apps/website/app/routes/index.tsx

@@ -1,4 +1,5 @@
 import { buildMeta } from '@labeilleviennoise/seo'
+import HomeClosureAnnouncement from '@/modules/home/home-closure-announcement'
 import HomeHero from '@/modules/home/home-hero'
 import HomeOurProducts from '@/modules/home/home-our-products'
 import HomeSocials from '@/modules/home/home-socials'
@@ -15,6 +16,7 @@ export default function Index() {
   return (
     <div className="bg-white">
       <HomeHero />
+      <HomeClosureAnnouncement />
       <HomeWhoAreWe />
       <HomeOurProducts />
       <HomeWhyWeDoThis />