@extends('layouts.app')
@section('title', 'Real Estate')
@section('content')<main class="division-page"><section class="division-hero compact"><p class="eyebrow">JSP / 01</p><h1>Space to<br><span>become.</span></h1><p>Land, buildings and developments with room for your next move.</p><div class="filter-links"><a href="{{ route('real_estate.index') }}">All properties</a><a href="{{ route('real_estate.land') }}">Land</a><a href="{{ route('real_estate.buildings') }}">Buildings</a></div></section><section class="listing-grid">@forelse ($properties as $property)<a class="listing-card" href="{{ route('real_estate.show', $property) }}"><div class="listing-image" style="background-image:url('{{ $property->image_url ?? 'https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=900&q=80' }}')"></div><div><p class="eyebrow">{{ strtoupper($property->status ?? 'Available') }} / {{ ucfirst($property->type ?? 'Property') }}</p><h2>{{ $property->title }}</h2><p>{{ $property->location }}</p></div></a>@empty<div class="empty-state"><p class="eyebrow">Coming into view</p><h2>New properties are being prepared.</h2><p>Check back soon or contact our team for off-market opportunities.</p></div>@endforelse</section></main>@endsection