Manoel Freitas
cf1589c916
* feat: recreate public frontend with Heritage Editorial identity Replace placeholder visual system with EB Garamond/olive tokens, brand assets, editorial home narrative, São Paulo settings, real testimonials, and regenerated visual baselines. Co-authored-by: Cursor <cursoragent@cursor.com> * docs: archive recreate-public-frontend and sync Heritage Editorial specs Merge delta requirements into main OpenSpec capabilities and move the completed change into the dated archive. Co-authored-by: Cursor <cursoragent@cursor.com> --------- Co-authored-by: Cursor <cursoragent@cursor.com>
117 lines
6.8 KiB
PHP
117 lines
6.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light">
|
|
|
|
<title>{{ $pageMeta->title }}</title>
|
|
<x-seo.meta :page-meta="$pageMeta" />
|
|
|
|
<x-fonts />
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
</head>
|
|
<body class="min-h-screen bg-amare-bg font-serif text-amare-text antialiased">
|
|
<a href="#conteudo" class="sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-50 focus:bg-amare-accent focus:px-4 focus:py-2 focus:text-amare-accent-text">
|
|
Ir para o conteúdo
|
|
</a>
|
|
|
|
<header class="site-header sticky top-0 z-40 border-b border-amare-border/80 bg-amare-bg/90 backdrop-blur-sm">
|
|
<div class="container-amare grid grid-cols-[auto_1fr_auto] items-center gap-4 py-4 md:grid-cols-[1fr_auto_1fr]">
|
|
<nav id="main-nav" class="main-nav order-3 col-span-3 hidden flex-col gap-4 border-t border-amare-border pt-4 md:order-1 md:col-span-1 md:flex md:flex-row md:items-center md:border-0 md:pt-0" aria-label="Principal" data-main-nav>
|
|
<a href="{{ route('home') }}" class="text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent">Início</a>
|
|
<a href="{{ route('services.index') }}" class="text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent">Serviços</a>
|
|
<a href="{{ route('portfolio.index') }}" class="text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent">Portfólio</a>
|
|
<a href="{{ route('about') }}" class="text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent">Amare</a>
|
|
<a href="{{ route('contact') }}" class="text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:hidden">Contato</a>
|
|
</nav>
|
|
|
|
<a href="{{ route('home') }}" class="order-1 justify-self-start md:order-2 md:justify-self-center" aria-label="{{ $siteSettings->brand_name }} — página inicial">
|
|
<x-brand.logo variant="on-light" class="h-10 w-auto md:h-12" />
|
|
</a>
|
|
|
|
<div class="order-2 flex items-center justify-end gap-3 md:order-3">
|
|
<a href="{{ route('contact') }}" class="hidden text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent transition-colors hover:text-amare-accent-deep md:inline-flex">
|
|
Solicitar proposta
|
|
</a>
|
|
|
|
<button
|
|
type="button"
|
|
class="menu-button inline-flex h-10 w-10 items-center justify-center border border-amare-border text-amare-text md:hidden"
|
|
aria-label="Abrir menu"
|
|
aria-controls="main-nav"
|
|
aria-expanded="false"
|
|
data-menu-button
|
|
>
|
|
<span class="sr-only">Menu</span>
|
|
<span aria-hidden="true" class="flex w-4 flex-col gap-1">
|
|
<span class="block h-px w-full bg-current"></span>
|
|
<span class="block h-px w-full bg-current"></span>
|
|
<span class="block h-px w-full bg-current"></span>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="conteudo">
|
|
@yield('content')
|
|
</main>
|
|
|
|
<footer class="border-t border-amare-border bg-amare-bg-deep">
|
|
<div class="container-amare grid gap-10 py-12 md:grid-cols-[minmax(0,1.4fr)_repeat(2,minmax(0,1fr))]">
|
|
<div class="space-y-4">
|
|
<x-brand.logo variant="on-light" class="h-12 w-auto" />
|
|
<p class="max-w-md text-amare-muted">
|
|
{{ $siteSettings->about_summary ?: 'Assessoria, produção e organização de eventos sociais e corporativos em São Paulo - SP.' }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-3 text-sm">
|
|
<h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Navegação</h2>
|
|
<p><a href="{{ route('services.index') }}" class="text-amare-muted transition-colors hover:text-amare-accent">Serviços</a></p>
|
|
<p><a href="{{ route('portfolio.index') }}" class="text-amare-muted transition-colors hover:text-amare-accent">Portfólio</a></p>
|
|
<p><a href="{{ route('about') }}" class="text-amare-muted transition-colors hover:text-amare-accent">A Amare</a></p>
|
|
<p><a href="{{ route('contact') }}" class="text-amare-muted transition-colors hover:text-amare-accent">Contato</a></p>
|
|
<p><a href="{{ route('privacy') }}" class="text-amare-muted transition-colors hover:text-amare-accent">Política de privacidade</a></p>
|
|
</div>
|
|
|
|
<div class="space-y-3 text-sm">
|
|
<h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Contato</h2>
|
|
@if ($siteSettings->city)
|
|
<p class="text-amare-muted">{{ $siteSettings->city }}</p>
|
|
@endif
|
|
@if ($siteSettings->email)
|
|
<p>
|
|
<a href="mailto:{{ $siteSettings->email }}" class="text-amare-muted transition-colors hover:text-amare-accent">{{ $siteSettings->email }}</a>
|
|
</p>
|
|
@endif
|
|
@if ($siteSettings->phone)
|
|
<p class="text-amare-muted">{{ $siteSettings->phone }}</p>
|
|
@endif
|
|
@foreach ($siteSettings->social_links ?? [] as $network => $url)
|
|
@if (filled($url))
|
|
<p>
|
|
<a href="{{ $url }}" class="text-amare-muted transition-colors hover:text-amare-accent" rel="noopener noreferrer" target="_blank">{{ ucfirst((string) $network) }}</a>
|
|
</p>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-amare-border">
|
|
<div class="container-amare flex flex-col gap-2 py-6 text-sm text-amare-muted md:flex-row md:items-center md:justify-between">
|
|
<p>© {{ now()->year }} {{ $siteSettings->brand_name }}. Todos os direitos reservados.</p>
|
|
<p>
|
|
<a href="{{ route('privacy') }}" class="transition-colors hover:text-amare-accent">Política de privacidade</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
@if ($siteSettings->analytics_enabled && filled($siteSettings->analytics_script))
|
|
{!! $siteSettings->analytics_script !!}
|
|
@endif
|
|
</body>
|
|
</html>
|