graham/towerops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add developer and product links to marketing footer

Browse source
This commit is contained in:
Graham McIntire 2026-02-14 13:06:54 -06:00
parent 74f112642d
commit 2ea849d622
1 changed files with 78 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

98
lib/towerops_web/components/marketing_layouts.ex
View file

@ -70,26 +70,84 @@ defmodule ToweropsWeb.MarketingLayouts do
<div class="py-16">
<img src="/images/towerops_logo.png" alt="Towerops" class="mx-auto w-48 h-auto sm:w-64" />
</div>
<div class="flex flex-col items-center border-t border-slate-400/10 py-10 sm:flex-row-reverse sm:justify-between">
<div class="flex gap-x-6"></div>
<div class="flex flex-col items-center gap-2 sm:items-start">
<p class="text-sm text-slate-500">
Copyright © {Date.utc_today().year} Towerops
</p>
<div class="flex gap-x-4 text-xs text-slate-500">
<.link
navigate={~p"/privacy"}
class="hover:text-slate-700 underline decoration-dotted underline-offset-2"
>
Privacy Policy
</.link>
<span>·</span>
<.link
navigate={~p"/terms"}
class="hover:text-slate-700 underline decoration-dotted underline-offset-2"
>
Terms of Service
</.link>
<div class="grid grid-cols-1 gap-8 border-t border-slate-400/10 py-10 lg:grid-cols-4">
<!-- Product Column -->
<div>
<h3 class="text-sm font-semibold text-slate-900 mb-4">Product</h3>
<ul class="space-y-3">
<li>
<.link
href="/#features"
class="text-sm text-slate-600 hover:text-slate-900 transition-colors"
>
Features
</.link>
</li>
<li>
<.link
href="/#pricing"
class="text-sm text-slate-600 hover:text-slate-900 transition-colors"
>
Pricing
</.link>
</li>
</ul>
</div>
<!-- Developers Column -->
<div>
<h3 class="text-sm font-semibold text-slate-900 mb-4">Developers</h3>
<ul class="space-y-3">
<li>
<.link
navigate={~p"/docs/api"}
class="text-sm text-slate-600 hover:text-slate-900 transition-colors"
>
API Documentation
</.link>
</li>
<li>
<.link
navigate={~p"/docs/graphql"}
class="text-sm text-slate-600 hover:text-slate-900 transition-colors"
>
GraphQL API
</.link>
</li>
<li>
<.link
navigate={~p"/help"}
class="text-sm text-slate-600 hover:text-slate-900 transition-colors"
>
Help & Docs
</.link>
</li>
</ul>
</div>
<!-- Copyright and Legal -->
<div class="lg:col-span-2">
<div class="flex flex-col items-start gap-4 sm:flex-row sm:justify-between sm:items-end">
<div class="flex flex-col gap-2">
<p class="text-sm text-slate-500">
Copyright © {Date.utc_today().year} Towerops
</p>
<div class="flex gap-x-4 text-xs text-slate-500">
<.link
navigate={~p"/privacy"}
class="hover:text-slate-700 underline decoration-dotted underline-offset-2"
>
Privacy Policy
</.link>
<span>·</span>
<.link
navigate={~p"/terms"}
class="hover:text-slate-700 underline decoration-dotted underline-offset-2"
>
Terms of Service
</.link>
</div>
</div>
</div>
</div>
</div>