Files
MatchLiveTv/backend/app/views/public/pages/home.html.erb
T
eminuxandCursor 3ed70b6999 Aggiorna marketing: prezzi lancio, Funzionalità narrativa e link store.
Allinea i piani Light/Full ai prezzi di lancio, ripensa /funzionalita per vendere il prodotto e aggiunge i badge App Store/Play nella home.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-14 23:00:17 +02:00

119 lines
4.9 KiB
ERB

<% content_for :title, t("home.title") %>
<% content_for :meta_description, t("home.meta_description") %>
<% content_for :canonical_url, seo_absolute_url(root_path) %>
<% content_for :head do %>
<script type="application/ld+json">
<%= raw({
"@context" => "https://schema.org",
"@type" => "WebApplication",
"name" => "Match Live TV",
"url" => seo_absolute_url(root_path),
"applicationCategory" => "SportsApplication",
"operatingSystem" => "Web, Android, iOS",
"description" => t("home.schema_description"),
"sameAs" => [MatchLiveTv.app_store_url, MatchLiveTv.play_store_url]
}.to_json) %>
</script>
<% end %>
<section class="hero hero-split">
<div class="wrap hero-grid">
<div class="hero-content">
<p class="hero-app-name">Match Live TV</p>
<p class="hero-live-badge"><span class="hero-live-dot" aria-hidden="true"></span> LIVE</p>
<h1><%= raw t("home.headline_html") %></h1>
<p class="tagline"><%= t("home.tagline") %></p>
<div class="hero-cta">
<%= link_to t("home.cta_signup"), public_signup_path, class: "btn btn-primary" %>
<%= link_to t("home.cta_live"), public_live_index_path, class: "btn btn-secondary" %>
</div>
<div class="hero-stores">
<p class="hero-stores-label"><%= t("home.stores_label") %></p>
<%= render "shared/store_badges", variant: "hero" %>
</div>
<ul class="hero-features" aria-label="<%= t('home.features_aria') %>">
<li class="hero-feature-item">
<span class="hero-feature-icon" aria-hidden="true"><i class="fa-solid fa-tower-broadcast"></i></span>
<span class="hero-feature-label"><%= t("home.feature_stable") %></span>
</li>
<li class="hero-feature-item">
<span class="hero-feature-icon" aria-hidden="true"><i class="fa-solid fa-cloud"></i></span>
<span class="hero-feature-label"><%= t("home.feature_archive") %></span>
</li>
<li class="hero-feature-item">
<span class="hero-feature-icon" aria-hidden="true"><i class="fa-solid fa-user-group"></i></span>
<span class="hero-feature-label"><%= t("home.feature_share") %></span>
</li>
<li class="hero-feature-item hero-feature-item--last">
<span class="hero-feature-icon" aria-hidden="true"><i class="fa-solid fa-mobile-screen"></i></span>
<span class="hero-feature-label"><%= t("home.feature_phone") %></span>
</li>
</ul>
</div>
<div class="hero-visual">
<%= image_tag "/hero-devices.png", alt: t("home.hero_alt"), class: "hero-devices-img", loading: "eager", fetchpriority: "high" %>
</div>
</div>
</section>
<section class="section wrap">
<h2><%= t("home.how_title") %></h2>
<div class="steps">
<div class="step step--visual">
<div class="step-visual">
<%= image_tag "/home-step-registra-squadra.png?v=1", alt: t("home.step1_title"), class: "step-visual-img", loading: "lazy" %>
</div>
<div class="step-num">01</div>
<h3><%= t("home.step1_title") %></h3>
<p><%= t("home.step1_body") %></p>
</div>
<div class="step step--visual">
<div class="step-visual">
<%= image_tag "/home-step-invita-trasmette.png?v=1", alt: t("home.step2_title"), class: "step-visual-img", loading: "lazy" %>
</div>
<div class="step-num">02</div>
<h3><%= t("home.step2_title") %></h3>
<p><%= t("home.step2_body") %></p>
</div>
<div class="step step--visual">
<div class="step-visual">
<%= image_tag "/home-step-vai-in-diretta.png?v=1", alt: t("home.step3_title"), class: "step-visual-img", loading: "lazy" %>
</div>
<div class="step-num">03</div>
<h3><%= t("home.step3_title") %></h3>
<p><%= t("home.step3_body") %></p>
</div>
<div class="step step--visual">
<div class="step-visual">
<%= image_tag "/home-step-tutti-guardano.png?v=2", alt: t("home.step4_title"), class: "step-visual-img", loading: "lazy" %>
</div>
<div class="step-num">04</div>
<h3><%= t("home.step4_title") %></h3>
<p><%= t("home.step4_body") %></p>
</div>
</div>
</section>
<section class="section wrap plans-teaser">
<h2><%= t("home.plans_title") %></h2>
<p class="plans-teaser-lead"><%= t("home.plans_lead") %></p>
<div class="plans-teaser-visual">
<%= image_tag "/home-piani-ecosistema.png?v=1", alt: t("home.plans_alt"), class: "plans-teaser-img", loading: "lazy" %>
</div>
<%= link_to t("home.plans_cta"), public_prezzi_path, class: "btn btn-primary" %>
</section>
<section class="section wrap seo-prose">
<h2><%= t("home.seo_title") %></h2>
<p><%= raw t("home.seo_p1_html") %></p>
<p><%= raw t("home.seo_p2_html") %></p>
<p>
<%= raw t(
"home.seo_p3_html",
faq_link: link_to(t("home.seo_faq_link"), public_faq_path),
volleyball_link: link_to(t("home.seo_volleyball_link"), public_pallavolo_path),
signup_link: link_to(t("home.seo_signup_link"), public_signup_path)
) %>
</p>
</section>