diff --git a/app/Http/Controllers/CatalogoController.php b/app/Http/Controllers/CatalogoController.php
new file mode 100644
index 0000000..b7e5632
--- /dev/null
+++ b/app/Http/Controllers/CatalogoController.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Product;
+use Illuminate\Http\Request;
+
+class CatalogoController extends Controller
+{
+    
+    public function catalogo()
+    {
+        $productos = Product::all();
+        return view('catalogo', compact('productos'));
+    }
+}
diff --git a/app/Http/Controllers/ProductosController.php b/app/Http/Controllers/ProductosController.php
index be40fa0..af0b357 100644
--- a/app/Http/Controllers/ProductosController.php
+++ b/app/Http/Controllers/ProductosController.php
@@ -62,4 +62,9 @@ class ProductosController extends Controller
         $producto->delete();
         return redirect(route('productos.index'));
     }
+
+    public function vistaUsuario($id){
+    $producto = Product::find($id);
+    return view('productos.vistaUsuario', compact('producto'));
+    }
 }
diff --git a/resources/views/catalogo.blade.php b/resources/views/catalogo.blade.php
index fa26743..3f718c4 100644
--- a/resources/views/catalogo.blade.php
+++ b/resources/views/catalogo.blade.php
@@ -1,6 +1,45 @@
-<x-app>
+<x-appc>
+    <div class="max-w-6xl mx-auto px-4 py-8">
+        <h1 class="text-center text-2xl font-bold mb-8">CATÁLOGO</h1>
 
+        @if ($productos->count() > 0)
+            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
+                @foreach ($productos as $prod)
+                    <div class="p-4 border rounded-lg shadow-md bg-white hover:shadow-lg transition">
+                        {{-- Imagen si existe --}}
+                        @if (!empty($prod->imagen))
+                            <img src="{{ asset('storage/' . $prod->imagen) }}" alt="{{ $prod->name }}"
+                                class="w-full h-40 object-cover rounded mb-4">
+                        @else
+                            <div class="w-full h-40 bg-gray-200 flex items-center justify-center rounded mb-4">
+                                <span class="text-gray-500 text-sm">Sin imagen</span>
+                            </div>
+                        @endif
 
+                        {{-- Nombre --}}
+                        <h2 class="text-lg font-semibold text-gray-800">{{ $prod->nombre }}</h2>
 
+                        {{-- Descripción corta --}}
+                        @if (!empty($prod->descripcion))
+                            <p class="text-sm text-gray-600 mt-2">{{ $prod->descripcion }}</p>
+                        @endif
 
-</x-app>
\ No newline at end of file
+                        {{-- Precio --}}
+                        @if (!empty($prod->precio))
+                            <p class="text-blue-600 font-bold mt-3">${{ number_format($prod->precio, 2, ',', '.') }}</p>
+                        @endif
+
+                        {{-- Botón --}}
+                        <a href="{{ route('productos.vistaUsuario', $prod) }}"
+                            class="mt-4 block w-full bg-blue-500 text-white py-2 rounded-lg text-center hover:bg-blue-600">
+                            Ver producto
+                        </a>
+
+                    </div>
+                @endforeach
+            </div>
+        @else
+            <p class="text-center text-gray-600 mt-10">No hay productos disponibles.</p>
+        @endif
+    </div>
+</x-appc>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 1b0b21e..13ecb27 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -1,6 +1,8 @@
-
-    <H1>BIENVENIDO {{Auth::user()->name}} </H1>
-    <form action="{{route('logout')}}" method="post">
+<x-appc>
+    <H1>BIENVENIDO {{ Auth::user()->name }} </H1>
+    <a href="{{ route('catalogo') }}">Ir a catalogo</a>
+    <form action="{{ route('logout') }}" method="post">
         @csrf
         <button type="submit">Logout</button>
     </form>
+</x-appc>
diff --git a/resources/views/productos/vistaUsuario.blade.php b/resources/views/productos/vistaUsuario.blade.php
new file mode 100644
index 0000000..fbcbba2
--- /dev/null
+++ b/resources/views/productos/vistaUsuario.blade.php
@@ -0,0 +1,12 @@
+<x-appc>
+    <div class="max-w-6xl mx-auto px-4 py-8 text-white">
+        <a href="{{ route('catalogo') }}">Volver a catalogo</a>
+        <h1>Titulo: {{ $producto->nombre }}</h1>
+        <p>
+            <b>Categoria:</b> {{ $producto->Categoria }}
+        </p>
+        <p>
+            {{ $producto->content }}
+        </p>
+    </div>
+</x-appc>
diff --git a/routes/web.php b/routes/web.php
index a3006d2..be3d780 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\AuthController;
+use App\Http\Controllers\CatalogoController;
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\LoginController;
@@ -46,4 +47,5 @@ Route::middleware(['auth'])->group(function () {
     Route::delete('/productos/{id}', [ProductosController::class,'destroy'])->name('productos.destroy');
 });
 
-Route::vieq('catalogo','catalogo')->name('catalogo');
\ No newline at end of file
+Route::get('/catalogo', [CatalogoController::class,'catalogo'])->name('catalogo');
+Route::get('/productos/{id}/vistaUsuario', [ProductosController::class,'vistaUsuario'])->name('productos.vistaUsuario');
\ No newline at end of file