manoel freitas
1d23e16625
Resolve conflicts keeping DESIGN.md type scale, main blade fallbacks, and StableScreenshot visual helper. Regenerate browser baselines.
143 lines
8.1 KiB
PHP
143 lines
8.1 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">
|
|
<meta name="theme-color" content="#FBF9F4">
|
|
<link rel="icon" href="{{ asset('favicon.svg') }}" type="image/svg+xml">
|
|
|
|
<title>{{ $pageMeta->title }}</title>
|
|
<x-seo.meta :page-meta="$pageMeta" />
|
|
|
|
<x-fonts />
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
|
|
<noscript>
|
|
<style>
|
|
.main-nav {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.main-nav {
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
|
|
.menu-button {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
</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:gap-1 md:border-0 md:pt-0" aria-label="Principal" data-main-nav>
|
|
<a href="{{ route('home') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Início</a>
|
|
<a href="{{ route('services.index') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Serviços</a>
|
|
<a href="{{ route('portfolio.index') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Portfólio</a>
|
|
<a href="{{ route('about') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Amare</a>
|
|
<a href="{{ route('contact') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:hidden">Solicitar proposta</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 items-center py-3 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-11 w-11 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 boutique em São Paulo - SP.' }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="text-sm">
|
|
<h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Navegação</h2>
|
|
<ul class="mt-3 space-y-3">
|
|
<li><a href="{{ route('services.index') }}" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Serviços</a></li>
|
|
<li><a href="{{ route('portfolio.index') }}" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Portfólio</a></li>
|
|
<li><a href="{{ route('about') }}" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">A Amare</a></li>
|
|
<li><a href="{{ route('contact') }}" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Contato</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="text-sm">
|
|
<h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Contato</h2>
|
|
<address class="mt-3 space-y-3 not-italic">
|
|
@if ($siteSettings->city)
|
|
<p class="text-amare-muted">{{ $siteSettings->city }}</p>
|
|
@endif
|
|
@if ($siteSettings->email)
|
|
<p>
|
|
<a href="mailto:{{ $siteSettings->email }}" class="inline-flex max-w-full min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent"><span class="min-w-0 break-words">{{ $siteSettings->email }}</span></a>
|
|
</p>
|
|
@endif
|
|
@if ($siteSettings->phone)
|
|
<p>
|
|
<a href="tel:{{ preg_replace('/\D/', '', (string) $siteSettings->phone) }}" class="inline-flex max-w-full min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent"><span class="min-w-0 break-words">{{ $siteSettings->phone }}</span></a>
|
|
</p>
|
|
@endif
|
|
@foreach ($siteSettings->social_links ?? [] as $network => $url)
|
|
@if (filled($url))
|
|
<p>
|
|
<a href="{{ $url }}" class="inline-flex max-w-full min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent" rel="noopener noreferrer" target="_blank"><span class="min-w-0 break-words">{{ ucfirst((string) $network) }}</span></a>
|
|
</p>
|
|
@endif
|
|
@endforeach
|
|
</address>
|
|
</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="inline-flex min-h-11 items-center 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>
|