mirror of
https://github.com/MacRimi/ProxMenux.git
synced 2026-06-01 13:04:42 +00:00
MacRimi
5ca3463bf6
Full rewrite of the docs site under app/[locale]/ with next-intl in localePrefix:"always" mode. Every page now exists at both /en/<path> and /es/<path>; the root / shows a meta-refresh + JS redirect to /<defaultLocale>/ so GitHub Pages serves something on the apex URL. Highlights: - 107 doc pages migrated to file-per-page JSON namespaces under messages/en/ and messages/es/. Spanish content is fully translated (no copy-of-English placeholders). - New documentation for the Active Suppressions section in the Settings tab and the per-event Dismiss dropdown in the Health Monitor modal. - New screenshots: dismiss-duration-dropdown.png and an updated health-suppression-settings.png. - Pagefind integrated for client-side search; index is built on every CI deploy (not committed). - RSS feeds: per-locale at /<locale>/rss.xml plus root /rss.xml for backward compat. - Removed the dead app/[locale]/guides/[slug]/ route — every guide now has its own static page and no markdown source remains. - Fixed orphan link /guides/nvidia -> /guides/nvidia-manual in docs/hardware/nvidia-host. - Removed obsolete components (footer2, calendar, drawer). Verified locally with `npm ci && npm run build`: 2804 files in out/, 231 pages indexed by pagefind, root redirect intact, both locale roots and the new Active Suppressions docs render OK.
93 lines
3.8 KiB
TypeScript
93 lines
3.8 KiB
TypeScript
"use client"
|
|
|
|
import { Button } from "@/components/ui/button"
|
|
import { ArrowRight, BookOpen } from "lucide-react"
|
|
import { Link } from "@/i18n/navigation"
|
|
import { useTranslations } from "next-intl"
|
|
import Image from "next/image"
|
|
|
|
export default function Hero() {
|
|
const t = useTranslations("hero")
|
|
return (
|
|
<div className="bg-gradient-to-b from-gray-900 to-gray-800 text-white">
|
|
{/* Mobile version (visible only on small screens) */}
|
|
<section className="md:hidden py-20 px-4 sm:px-6 text-center">
|
|
<h1 className="text-4xl sm:text-5xl font-extrabold mb-6">
|
|
{t("title")}{" "}
|
|
<span className="block mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold">
|
|
{t("tagline")}
|
|
</span>
|
|
</h1>
|
|
<p className="text-base sm:text-lg mb-8 max-w-4xl mx-auto text-gray-300">
|
|
{t("description")}
|
|
</p>
|
|
<div className="flex flex-col sm:flex-row gap-3 justify-center items-center">
|
|
<Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
|
|
<Link href="/docs/installation">
|
|
{t("installButton")}
|
|
<ArrowRight className="ml-2 h-4 w-4" />
|
|
</Link>
|
|
</Button>
|
|
<Button
|
|
size="lg"
|
|
variant="outline"
|
|
className="border-gray-400 text-gray-100 hover:bg-gray-700 hover:text-white bg-transparent"
|
|
asChild
|
|
>
|
|
<Link href="/docs/introduction">
|
|
<BookOpen className="mr-2 h-4 w-4" />
|
|
{t("whatIsButton")}
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Desktop version (visible only on medium and large screens) */}
|
|
<section className="hidden md:flex py-20 px-4 sm:px-6 lg:px-8 flex-col justify-center">
|
|
<div className="flex items-center justify-center mb-8">
|
|
<div className="flex items-center">
|
|
<div className="w-40 h-40 lg:w-48 lg:h-48 xl:w-56 xl:h-56 relative">
|
|
<Image
|
|
src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png"
|
|
alt={t("logoAlt")}
|
|
fill
|
|
className="object-contain"
|
|
sizes="(max-width: 1024px) 10rem, (max-width: 1280px) 12rem, 14rem"
|
|
/>
|
|
</div>
|
|
<div className="w-0.5 h-40 lg:h-48 xl:h-56 bg-white mx-6 self-center"></div>
|
|
<div className="text-left max-w-md lg:max-w-lg xl:max-w-xl">
|
|
<h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight">{t("title")}</h1>
|
|
<p className="text-xl md:text-2xl lg:text-3xl xl:text-4xl mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold leading-tight">
|
|
{t("tagline")}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p className="text-base md:text-lg lg:text-xl mb-8 max-w-2xl lg:max-w-3xl xl:max-w-4xl mx-auto text-gray-300 text-center leading-relaxed">
|
|
{t("description")}
|
|
</p>
|
|
<div className="flex gap-3 justify-center items-center">
|
|
<Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
|
|
<Link href="/docs/installation">
|
|
{t("installButton")}
|
|
<ArrowRight className="ml-2 h-4 w-4" />
|
|
</Link>
|
|
</Button>
|
|
<Button
|
|
size="lg"
|
|
variant="outline"
|
|
className="border-gray-400 text-gray-100 hover:bg-gray-700 hover:text-white bg-transparent"
|
|
asChild
|
|
>
|
|
<Link href="/docs/introduction">
|
|
<BookOpen className="mr-2 h-4 w-4" />
|
|
{t("whatIsButton")}
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
)
|
|
}
|