Comence con las vistas. El modelo de agenda está practicamente terminado

2026-03-25 13:51:02 -03:00
parent 6c2c300d6e
commit 25f4b73b68
29 changed files with 3267 additions and 319 deletions
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="es">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>@yield('title', 'Abogadas Litoral')</title>
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+    <style>
+        :root {
+            --site-navbar-bg: #f4ece5;
+            --site-navbar-text: #2f2721;
+            --site-navbar-hover: #1f1915;
+        }
+
+        .site-navbar {
+            background-color: var(--site-navbar-bg);
+        }
+
+        .site-navbar .navbar-brand,
+        .site-navbar .nav-link,
+        .site-navbar .btn-link {
+            color: var(--site-navbar-text);
+        }
+
+        .site-navbar .nav-link:hover,
+        .site-navbar .btn-link:hover {
+            color: var(--site-navbar-hover);
+        }
+    </style>
+</head>
+<body class="d-flex flex-column min-vh-100 bg-light">
+    <header class="border-bottom">
+        <nav class="navbar navbar-expand-lg site-navbar">
+            <div class="container">
+                <a class="navbar-brand d-flex align-items-center" href="/">
+                    <div class="border rounded d-flex align-items-center justify-content-center bg-white" style="width: 120px; height: 48px;">
+                        <span class="small text-muted">LOGO</span>
+                    </div>
+                </a>
+
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menuPrincipal" aria-controls="menuPrincipal" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse" id="menuPrincipal">
+                    <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link" href="#servicios">Servicios</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#quienes-somos">Quienes Somos</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#equipo">Equipo</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#ubicacion">Ubicacion</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#formulario">Formulario</a></li>
+                    </ul>
+
+                    <a class="btn btn-primary" href="/login/personal">Iniciar Sesion</a>
+                </div>
+            </div>
+        </nav>
+    </header>
+
+    @yield('content')
+
+    <footer class="bg-white border-top mt-auto py-4">
+        <div class="container">
+            <div class="row g-4 align-items-start text-center">
+                <div class="col-12 col-md-4">
+                    <div class="border rounded d-inline-flex align-items-center justify-content-center" style="width: 120px; height: 48px;">
+                        <span class="small text-muted">LOGO</span>
+                    </div>
+                </div>
+
+                <div class="col-12 col-md-4 text-center">
+                    <h3 class="h6 mb-2">Redes Sociales</h3>
+                    <p class="mb-2">Instagram | Facebook | LinkedIn</p>
+                    <p class="small text-muted mb-0">Desarrollado por Luciano Belini</p>
+                </div>
+
+                <div class="col-12 col-md-4">
+                    <h3 class="h6 mb-2">Ubicacion</h3>
+                    <p class="mb-0">Direccion pendiente de definir</p>
+                </div>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>