diff --git a/assets/css/app.css b/assets/css/app.css index 37bc6ab..61ce92b 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -61,6 +61,7 @@ --color-dark-muted: #71717a; --color-dark-shade: #27272a; --color-dark-blue: #04041c; + --color-dark-text: #1f1f1f; --color-background: var(--color-light); --color-background-muted: var(--color-light-muted); diff --git a/lib/pearl_web/live/landing/home_live/components/activities.ex b/lib/pearl_web/live/landing/home_live/components/activities.ex new file mode 100644 index 0000000..d700b68 --- /dev/null +++ b/lib/pearl_web/live/landing/home_live/components/activities.ex @@ -0,0 +1,112 @@ +defmodule PearlWeb.Landing.HomeLive.Components.Activities do + @moduledoc false + use PearlWeb, :component + + def activities(assigns) do + activities = [ + %{ + "img_path" => "/images/activities/stands.png", + "icon_name" => "hero-briefcase", + "title" => "Stands", + "description" => + "As empresas terão balcões pelo recinto para poderes conhecer as oportunidades que têm para ti." + }, + %{ + "img_path" => "/images/activities/talks.png", + "icon_name" => "hero-presentation-chart-line", + "title" => "Talks", + "description" => + "As empresas terão balcões pelo recinto para poderes conhecer as oportunidades que têm para ti." + }, + %{ + "img_path" => "/images/activities/workshops.png", + "icon_name" => "hero-wrench-screwdriver", + "title" => "Workshops", + "description" => + "As empresas terão balcões pelo recinto para poderes conhecer as oportunidades que têm para ti." + }, + %{ + "img_path" => "/images/activities/panel-discussions.png", + "icon_name" => "hero-user-group", + "title" => "Panel Discussions", + "description" => + "Tertúlios com múltiplos convidados que discutem um assunto entre si, criando um momento de aprendizagem." + }, + %{ + "img_path" => "/images/activities/pitch.png", + "icon_name" => "hero-megaphone", + "title" => "Pitch", + "description" => + "Durante 15 minutos, vais ouvir sobre a experiência de trabalho numa empresa - aí, podes deixar o teu contacto." + }, + %{ + "img_path" => "/images/activities/gameshows.png", + "icon_name" => "hero-puzzle-piece", + "title" => "Gameshows", + "description" => + "Concursos ao vivo nos quais podes ser tanto espectador como participante - e, possivelmente, premiado!" + }, + %{ + "img_path" => "/images/activities/eventos-sociais.png", + "icon_name" => "hero-chat-bubble-left-right", + "title" => "Eventos sociais", + "description" => + "Focados em ligar-te a toda a gente do evento; tanto colegas como profissionais." + } + ] + + assigns = assign(assigns, :activities, activities) + + ~H""" +
+ +

{"Há sempre algo para fazer"}

+

+ {"O calendário é preenchido ao longo dos quatro dias do ENEI - conhece o tipo de atividades que estarão disponíveis."} +

+ +
+ <%= for activity <- @activities do %> + <.activity_card + img_path={activity["img_path"]} + icon_name={activity["icon_name"]} + title={activity["title"]} + description={activity["description"]} + /> + <% end %> +
+ +
+

+ {"Imagens da SEI ‘25 - Semena da Engenharia Informática 2025 em Braga, organizada também pelo CeSIUM."} + + {"Sabe mais sobre o papel do CeSIUM no ENEI"} + +

+
+
+
+
+ """ + end + + defp activity_card(assigns) do + ~H""" +
+ {@title} +
+ <.icon name={@icon_name} class="size-8" /> +

{@title}

+

{@description}

+
+
+ """ + end +end diff --git a/lib/pearl_web/live/landing/home_live/index.ex b/lib/pearl_web/live/landing/home_live/index.ex index 2b61c70..452247d 100644 --- a/lib/pearl_web/live/landing/home_live/index.ex +++ b/lib/pearl_web/live/landing/home_live/index.ex @@ -2,7 +2,14 @@ defmodule PearlWeb.Landing.HomeLive.Index do alias Pearl.Companies use PearlWeb, :landing_view - import PearlWeb.Landing.HomeLive.Components.{Hero, Partners, Pitch, Sponsors, Speakers} + import PearlWeb.Landing.HomeLive.Components.{ + Hero, + Partners, + Pitch, + Sponsors, + Speakers, + Activities + } alias Pearl.{Activities, Event} diff --git a/lib/pearl_web/live/landing/home_live/index.html.heex b/lib/pearl_web/live/landing/home_live/index.html.heex index ad46eb6..70f3f24 100644 --- a/lib/pearl_web/live/landing/home_live/index.html.heex +++ b/lib/pearl_web/live/landing/home_live/index.html.heex @@ -24,4 +24,5 @@ <.speakers :if={@has_highlighted_speakers?} speakers={@streams.speakers} /> <.sponsors :if={@has_sponsors?} tiers={@tiers} /> <.partners /> + <.activities /> diff --git a/priv/static/images/activities/decoration.svg b/priv/static/images/activities/decoration.svg new file mode 100644 index 0000000..9239a44 --- /dev/null +++ b/priv/static/images/activities/decoration.svg @@ -0,0 +1,4 @@ + + + + diff --git a/priv/static/images/activities/eventos-sociais.png b/priv/static/images/activities/eventos-sociais.png new file mode 100644 index 0000000..dfb1389 Binary files /dev/null and b/priv/static/images/activities/eventos-sociais.png differ diff --git a/priv/static/images/activities/gameshows.png b/priv/static/images/activities/gameshows.png new file mode 100644 index 0000000..a70b281 Binary files /dev/null and b/priv/static/images/activities/gameshows.png differ diff --git a/priv/static/images/activities/panel-discussions.png b/priv/static/images/activities/panel-discussions.png new file mode 100644 index 0000000..0451bf2 Binary files /dev/null and b/priv/static/images/activities/panel-discussions.png differ diff --git a/priv/static/images/activities/pitch.png b/priv/static/images/activities/pitch.png new file mode 100644 index 0000000..45f29bd Binary files /dev/null and b/priv/static/images/activities/pitch.png differ diff --git a/priv/static/images/activities/stands.png b/priv/static/images/activities/stands.png new file mode 100644 index 0000000..06e3f4c Binary files /dev/null and b/priv/static/images/activities/stands.png differ diff --git a/priv/static/images/activities/talks.png b/priv/static/images/activities/talks.png new file mode 100644 index 0000000..54b0100 Binary files /dev/null and b/priv/static/images/activities/talks.png differ diff --git a/priv/static/images/activities/workshops.png b/priv/static/images/activities/workshops.png new file mode 100644 index 0000000..25a0775 Binary files /dev/null and b/priv/static/images/activities/workshops.png differ