ahmido
eeb5c98450
## Summary - rebuild `apps/website` on the pinned ScrewFast Astro foundation - replace the legacy page/content/component structure with the new section and UI architecture - add Starlight-based docs and the new public route set for platform, pricing, trust, legal, and guides - refresh website tooling, dependencies, and Playwright smoke coverage for the new site shell ## Scope - touches `apps/website` and the matching spec artifacts for feature 402 - does not modify `apps/platform` ## Testing - not run in this step Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #393
81 lines
2.7 KiB
Plaintext
81 lines
2.7 KiB
Plaintext
---
|
|
// Import the necessary dependencies
|
|
import EmailFooterInput from '@components/ui/forms/input/EmailFooterInput.astro';
|
|
import enStrings from '@utils/navigation.ts';
|
|
import BrandLogo from '@components/BrandLogo.astro';
|
|
import { SITE } from '@data/constants';
|
|
|
|
const strings = enStrings;
|
|
|
|
// Define the variables that will be used in this component
|
|
const sectionThreeTitle: string =
|
|
'Start a scoped conversation';
|
|
const sectionThreeContent: string =
|
|
'Use email for business contact context only. Do not send secrets, credentials, or tenant exports through the public website.';
|
|
---
|
|
|
|
<footer class="w-full bg-neutral-300 dark:bg-neutral-900">
|
|
<div
|
|
class="mx-auto w-full max-w-[85rem] px-4 py-10 sm:px-6 lg:px-16 lg:pt-20 2xl:max-w-(--breakpoint-2xl)"
|
|
>
|
|
<div class="grid grid-cols-2 gap-6 md:grid-cols-4 lg:grid-cols-5">
|
|
<div class="col-span-full lg:col-span-1">
|
|
{/* Brand Logo */}
|
|
<BrandLogo class="h-auto w-32" />
|
|
</div>
|
|
{/* An array of links for Product and Company sections */}
|
|
{
|
|
strings.footerLinks.map(section => (
|
|
<div class="col-span-1">
|
|
<h3 class="font-bold text-neutral-800 dark:text-neutral-200">
|
|
{section.section}
|
|
</h3>
|
|
<ul class="mt-3 grid space-y-3">
|
|
{section.links.map((link, index) => (
|
|
<li>
|
|
<a
|
|
href={link.url}
|
|
class="inline-flex gap-x-2 rounded-lg text-neutral-600 ring-zinc-500 outline-hidden transition duration-300 hover:text-neutral-500 focus-visible:ring-3 dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-hidden"
|
|
>
|
|
{link.name}
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
))
|
|
}
|
|
|
|
<div class="col-span-2">
|
|
<h3 class="font-bold text-neutral-800 dark:text-neutral-200">
|
|
{sectionThreeTitle}
|
|
</h3>
|
|
|
|
<form>
|
|
<EmailFooterInput />
|
|
<p class="mt-3 text-sm text-neutral-600 dark:text-neutral-400">
|
|
{sectionThreeContent}
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="mt-9 grid gap-y-2 sm:mt-12 sm:flex sm:items-center sm:justify-between sm:gap-y-0"
|
|
>
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-sm text-neutral-600 dark:text-neutral-400">
|
|
© <span id="current-year"></span>
|
|
{SITE.title}. Public website content only.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const year = new Date().getFullYear();
|
|
const element = document.getElementById('current-year');
|
|
element!.innerText = year.toString();
|
|
</script>
|
|
</div>
|
|
</footer>
|