import { Head, Link, usePage } from '@inertiajs/react'; import { useState, type ReactNode } from 'react'; import { EasyFormaLogo } from '@/components/brand/logo'; import { dashboard, home, login, pricing, privacy, register, terms, } from '@/routes'; const SECTIONS = { comeFunziona: 'come-funziona', assistente: 'assistente', conformita: 'conformita', piani: 'piani', faq: 'faq', } as const; /** Ancora sulla landing, raggiungibile anche dalle altre pagine pubbliche. */ function landingAnchor(id: string): string { return `${home.url()}#${id}`; } const NAV_LINKS = [ { label: 'Come funziona', href: landingAnchor(SECTIONS.comeFunziona) }, { label: 'Assistente', href: landingAnchor(SECTIONS.assistente) }, { label: 'Conformità', href: landingAnchor(SECTIONS.conformita) }, { label: 'Prezzi', href: pricing.url() }, { label: 'FAQ', href: landingAnchor(SECTIONS.faq) }, ]; const FOOTER_COLUMNS = [ { title: 'Prodotto', links: [ { label: 'Come funziona', href: landingAnchor(SECTIONS.comeFunziona), }, { label: 'Piani', href: landingAnchor(SECTIONS.piani) }, { label: 'Prezzi', href: pricing.url() }, ], }, { title: 'Risorse', links: [ { label: 'Conformità FAD sincrona', href: landingAnchor(SECTIONS.conformita), }, { label: 'Domande frequenti', href: landingAnchor(SECTIONS.faq) }, ], }, { title: 'Legale', links: [ { label: 'Privacy', href: privacy.url() }, { label: 'Termini di servizio', href: terms.url() }, ], }, ]; const focusRing = 'rounded-marketing-sm outline-marketing-primary focus-visible:outline-2 focus-visible:outline-offset-2'; const primaryButton = `inline-flex items-center justify-center rounded-marketing-sm bg-marketing-primary px-5 py-3 text-[0.9375rem] leading-none font-medium text-marketing-primary-foreground transition-colors hover:bg-marketing-primary-hover ${focusRing}`; const navLink = `text-[0.9375rem] font-medium text-marketing-ink/80 underline-offset-4 transition-colors hover:text-marketing-ink hover:underline ${focusRing}`; type Props = { children: ReactNode; title?: string; }; export default function MarketingLayout({ children, title }: Props) { const { auth, seo } = usePage().props; const [menuOpen, setMenuOpen] = useState(false); const isAuthenticated = Boolean(auth.user); return (
{/* Titolo completo risolto dal server (App\Support\Seo): contiene già il nome, e il template in `app.tsx` lo lascia intatto, così la scheda mostra lo stesso titolo che legge il crawler. */}
{isAuthenticated ? ( Vai alla dashboard ) : ( <> Accedi Crea account )}
{menuOpen && (
)}
{children}
); }