Frontend page not get header in filament
can anyone please help me out i didn't get header layout on my product page
<x-filament-panels::page>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
@foreach ($products as $product)
<div class="bg-white p-4 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-200">
<div class="w-full h-48 bg-gray-200 rounded-lg overflow-hidden mb-4">
<img src="{{ url('storage/' . $product->image) }}" alt="{{ $product->name }}" class="w-full h-full object-cover">
</div>
<h3 class="text-xl font-semibold text-gray-900">{{ $product->name }}</h3>
<p class="text-lg text-gray-700 mt-2">${{ number_format($product->price, 2) }}</p>
<p class="text-sm text-gray-500 mt-2">{{ \Illuminate\Support\Str::limit($product->description, 100) }}</p>
<!-- Add to Cart Form -->
<form wire:submit.prevent="addCart({{ $product->id }})" class="mt-4">
@csrf
<input type="hidden" name="product_id" value="{{ $product->id }}">
<button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition">
Add to Cart
</button>
</form>
</div>
@endforeach
</div>
<!-- Display cart Livewire component -->
</x-filament-panels::page>
product blade
class Product extends Page
{
protected static ?string $navigationIcon = 'heroicon-o-document-text';
protected static string $view = 'filament.app.pages.product';
protected $products;
public function render(): View
{
$products = ModelsProduct::all();
return view(static::$view, [
'products' => $products,
]);
}
}
product page
<x-filament-panels::page>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
@foreach ($products as $product)
<div class="bg-white p-4 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-200">
<div class="w-full h-48 bg-gray-200 rounded-lg overflow-hidden mb-4">
<img src="{{ url('storage/' . $product->image) }}" alt="{{ $product->name }}" class="w-full h-full object-cover">
</div>
<h3 class="text-xl font-semibold text-gray-900">{{ $product->name }}</h3>
<p class="text-lg text-gray-700 mt-2">${{ number_format($product->price, 2) }}</p>
<p class="text-sm text-gray-500 mt-2">{{ \Illuminate\Support\Str::limit($product->description, 100) }}</p>
<!-- Add to Cart Form -->
<form wire:submit.prevent="addCart({{ $product->id }})" class="mt-4">
@csrf
<input type="hidden" name="product_id" value="{{ $product->id }}">
<button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition">
Add to Cart
</button>
</form>
</div>
@endforeach
</div>
<!-- Display cart Livewire component -->
</x-filament-panels::page>
product blade
class Product extends Page
{
protected static ?string $navigationIcon = 'heroicon-o-document-text';
protected static string $view = 'filament.app.pages.product';
protected $products;
public function render(): View
{
$products = ModelsProduct::all();
return view(static::$view, [
'products' => $products,
]);
}
}
product page
