License Key Required
No license key entered.
Enter or update your key with php artisan news:license <key>,
or purchase one at scriptgain.com.
Contact
site.contact
Status
Shipped Default
Shipped File
resources/views/site/contact.blade.php
Open The Live Page
Compiled PHP
What Blade turns your template into. This is what the syntax check parses.
Loading…Available Variables And Components
A guide to what this template can use, derived from the shipped source. Click any item to insert it at your cursor. It is a helpful reference, not a runtime guarantee.
Always Available
Shared with every public page by the site layout.- Validation error bag. Always present. Pairs with @error('field').
- All site settings as an array, e.g. $site['site_name'].
- The municipality's short display name.
- The full legal name, e.g. "City Of Springfield".
- Main navigation items. Loop over it with @foreach.
- The small utility links in the top bar.
- The footer navigation links.
- The Quick Links grid items.
- The first few Quick Links, featured in the hero.
- The current emergency alert, or null when none is live.
- Up to eight departments listed in the footer.
- The configured page-width class, e.g. max-w-7xl. Use on your outer container.
- The current year, for the footer copyright line.
- URL of the uploaded site logo, or null.
- URL of the uploaded favicon, or null.
In This Template
- Contact Form.
- A collection of departments.
Drop any of these in. Click to insert the opening tag at your cursor.
General
Admin Panel
Layouts
Records
Site (Public)
Common Blade
- Print a value, safely escaped. The default choice.
- Print raw HTML. Only for content you trust.
- Show something conditionally.
- Loop over a collection.
- Loop, with a fallback when the collection is empty.
- Show a validation message for a field.
- A small block of PHP. Never on line 1. Keep logic out of templates.
- A comment that never reaches the browser.
Civic Helpers
- Build a URL to a named route, e.g. a department page.
- Link to a single news post.
- Turn a stored upload path into a public URL.
- A cache-busted URL for a bundled asset.
- Read a config value, e.g. the site width class.
- Build an absolute URL to a path.
No History Yet
Every save, revert, and reset of this template is recorded here, with a one-click way back to any of them.
The Template That Shipped With The Product
Read only. This is what Reset To Default puts back.
<x-layouts.public title="Contact Us">
<x-site.page-hero title="Contact Us"
subtitle="Reach Village Hall, a specific department, or report an issue."
:crumbs="[['label' => 'Contact']]" />
<x-site.section :divider="false">
<div class="grid gap-10 lg:grid-cols-3">
<div class="min-w-0 lg:col-span-2 space-y-8">
<div class="rounded-2xl bg-white p-6 ring-1 ring-slate-200 shadow-sm">
<h2 class="font-display text-2xl font-semibold text-slate-900">{{ $siteName }} Offices</h2>
<span class="seal-rule mt-3 mb-5"></span>
<div class="grid gap-6 sm:grid-cols-2">
<div>
<h3 class="text-sm font-semibold uppercase tracking-wide text-slate-500">Address</h3>
<address class="mt-2 not-italic leading-relaxed text-slate-700">
@if ($site['contact_address'])<span class="block">{{ $site['contact_address'] }}</span>@endif
@if ($site['contact_city_state_zip'])<span class="block">{{ $site['contact_city_state_zip'] }}</span>@endif
</address>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-wide text-slate-500">Hours</h3>
<p class="mt-2 text-slate-700">{{ $site['contact_hours'] }}</p>
@if ($site['contact_after_hours'])
<p class="mt-2 text-sm text-slate-500">After Hours: {{ $site['contact_after_hours'] }}</p>
@endif
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-wide text-slate-500">Phone</h3>
<p class="mt-2">
@if ($site['contact_phone'])
<a href="tel:{{ preg_replace('/[^0-9+]/', '', $site['contact_phone']) }}" class="text-brand-700 hover:underline tabular">{{ $site['contact_phone'] }}</a>
@endif
@if ($site['contact_fax'])<span class="block text-sm text-slate-500 tabular">Fax: {{ $site['contact_fax'] }}</span>@endif
</p>
</div>
<div>
<h3 class="text-sm font-semibold uppercase tracking-wide text-slate-500">Email</h3>
<p class="mt-2">
@if ($site['contact_email'])
<a href="mailto:{{ $site['contact_email'] }}" class="break-all text-brand-700 hover:underline">{{ $site['contact_email'] }}</a>
@endif
</p>
</div>
</div>
@if ($site['contact_map_embed'])
<div class="mt-6 overflow-hidden rounded-xl ring-1 ring-slate-200 [&_iframe]:w-full [&_iframe]:h-80 [&_iframe]:border-0">
{!! $site['contact_map_embed'] !!}
</div>
@endif
</div>
<div class="section-divider pt-8">
<h2 class="font-display text-2xl font-semibold text-slate-900">Contact A Department Directly</h2>
<span class="seal-rule mt-3 mb-5"></span>
<div class="grid gap-4 sm:grid-cols-2">
@foreach ($departments as $department)
<div class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
<h3 class="font-semibold text-slate-900">
<a href="{{ route('site.departments.show', $department->slug) }}" class="hover:text-brand-700 hover:underline">{{ $department->name }}</a>
</h3>
<dl class="mt-2 space-y-1 text-sm">
@if ($department->phone)
<div class="flex items-center gap-2 text-slate-600">
<x-icon name="phone" class="w-4 h-4 shrink-0 text-slate-400" />
<a href="tel:{{ preg_replace('/[^0-9+]/', '', $department->phone) }}" class="hover:text-brand-700 hover:underline">{{ $department->phone }}</a>
</div>
@endif
@if ($department->email)
<div class="flex items-center gap-2 text-slate-600">
<x-icon name="envelope" class="w-4 h-4 shrink-0 text-slate-400" />
<a href="mailto:{{ $department->email }}" class="truncate hover:text-brand-700 hover:underline">{{ $department->email }}</a>
</div>
@endif
</dl>
</div>
@endforeach
</div>
</div>
</div>
<aside class="space-y-6">
<a href="{{ route('site.report') }}" class="block rounded-2xl bg-brand-700 p-6 text-white transition hover:bg-brand-800">
<x-icon name="bolt" class="w-8 h-8" />
<h2 class="mt-3 text-lg font-semibold">Report An Issue</h2>
<p class="mt-1 text-sm text-brand-100">Potholes, streetlights, water problems, and more.</p>
</a>
@if ($contactForm)
<a href="{{ route('site.forms.show', $contactForm->slug) }}" class="block rounded-2xl bg-white p-6 ring-1 ring-slate-200 transition hover:ring-brand-300">
<x-icon name="envelope" class="w-8 h-8 text-brand-700" />
<h2 class="mt-3 text-lg font-semibold text-slate-900">Send Us A Message</h2>
<p class="mt-1 text-sm text-slate-600">Use our contact form and we will route it to the right office.</p>
</a>
@endif
<div class="rounded-2xl bg-slate-50 p-6 ring-1 ring-slate-200">
<h2 class="font-semibold text-slate-900">Staff Directory</h2>
<span class="seal-rule mt-3 mb-4"></span>
<p class="text-sm text-slate-600">Looking for a specific person? The full directory lists every staff member with a direct line.</p>
<a href="{{ route('site.directory') }}" class="mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-brand-700 hover:underline">
Browse The Directory <x-icon name="chevron-right" class="w-4 h-4" />
</a>
</div>
</aside>
</div>
</x-site.section>
</x-layouts.public>
Blade In One Screen
The directives you will use most.
- Print a value, escaped. Safe by default.
- Print raw HTML. Only for content you trust.
- Show something conditionally.
- Loop over a collection.
- Use a shared component. Every component in Shared Components is available.
- A comment that never reaches the browser.
{{ $variable }}
{!! $html !!}
@if / @else / @endif
@foreach / @endforeach
<x-card>
{{-- comment --}}
House Rules
Follow these and your edits will survive updates.
-
Never start line 1 with
@php. Blade mis-parses it and the page fails. The editor refuses to save it. - Keep logic out of templates. If you need a calculation, it belongs in a composer or component class, not here.
- The shipped file is never modified. Reset To Default always gets you back.
- Every save is versioned. You can revert to any earlier version in one click.
- Press Tab inside the editor to indent rather than jump to the next field.