feat: dynamic event dates

assets/tailwind.config.js

@@ -14,7 +14,7 @@ module.exports = {
     extend: {
       colors: {
         primary: "#04041C",
-        accent: "#ff800d",
+        accent: "#ffdb0d",
         light: "#ffffff",
         lightMuted: "#a1a1aa",
         lightShade: "#e5e7eb",

lib/safira_web/live/landing/home_live/components/hero.ex

@@ -4,12 +4,15 @@ defmodule SafiraWeb.Landing.HomeLive.Components.Hero do
 
   import SafiraWeb.Landing.Components.{JoinUs, Socials}
 
+  attr :event_start_date, Date, required: true
+  attr :event_end_date, Date, required: true
+
   def hero(assigns) do
     ~H"""
     <div class="mt-2">
       <div class="select-none">
         <div class="py-14 sm:py-28">
-          <.title />
+          <.title event_start_date={@event_start_date} event_end_date={@event_end_date} />
         </div>
         <div class="relative mt-24 text-white">
           <div class="flex items-center justify-between pb-4">
@@ -33,11 +36,11 @@ defmodule SafiraWeb.Landing.HomeLive.Components.Hero do
     """
   end
 
-  def title(assigns) do
+  defp title(assigns) do
     ~H"""
     <div class="relative z-20 font-bold">
       <h5 class="font-terminal uppercase m-1 text-2xl text-accent">
-        11-14 February 2025
+        <%= display_event_dates(@event_start_date, @event_end_date) %>
       </h5>
       <h1 class="font-terminal uppercase relative z-20 w-11/12 text-white text-5xl xs:text-5xl sm:text-6xl md:w-full md:text-7xl lg:text-8xl 2xl:w-5/6 2xl:text-8xl 2xl:leading-[5rem]">
         <span class="relative z-20">
@@ -50,7 +53,7 @@ defmodule SafiraWeb.Landing.HomeLive.Components.Hero do
     """
   end
 
-  def organization(assigns) do
+  defp organization(assigns) do
     ~H"""
     <div class="flex flex-col gap-3">
       <h5 class="font-imedium text-white"><%= gettext("Organization") %></h5>
@@ -60,4 +63,8 @@ defmodule SafiraWeb.Landing.HomeLive.Components.Hero do
     </div>
     """
   end
+
+  defp display_event_dates(event_start_date, event_end_date) do
+    "#{Timex.format!(event_start_date, "{D}")}-#{Timex.format!(event_end_date, "{D} {Mfull} {YYYY}")}"
+  end
 end

lib/safira_web/live/landing/home_live/index.ex

@@ -4,8 +4,14 @@ defmodule SafiraWeb.Landing.HomeLive.Index do
 
   import SafiraWeb.Landing.HomeLive.Components.{Hero, Partners, Pitch, Sponsors}
 
+  alias Safira.Event
+
   @impl true
   def mount(_params, _session, socket) do
-    {:ok, socket |> assign(:tiers, Companies.list_tiers_with_companies())}
+    {:ok,
+     socket
+     |> assign(:tiers, Companies.list_tiers_with_companies())
+     |> assign(:event_start_date, Event.get_event_start_date())
+     |> assign(:event_end_date, Event.get_event_end_date())}
   end
 end

lib/safira_web/live/landing/home_live/index.html.heex

@@ -1,4 +1,4 @@
-<.hero />
+<.hero event_start_date={@event_start_date} event_end_date={@event_end_date} />
 <.pitch />
 <.sponsors tiers={@tiers} />
 <.partners />