feat: public site landing page with header, footer, styles

- Header with fixed navbar, responsive mobile menu, services dropdown - Landing page with hero, services grid, value propositions, testimonials, contact - Comprehensive CSS (1300+ lines): navy/gold brand colors, custom properties, responsive breakpoints, card hover effects, form styles, print & a11y - Footer with 3-column layout, contact info, social links - JS: hamburger toggle, smooth scroll, navbar scroll effect, scroll animations Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-01 23:59:13 +00:00
parent 0adb418252
commit 8280d59d84
5 changed files with 1926 additions and 0 deletions
--- a/includes/header.php
+++ b/includes/header.php
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Gestoría LP — Expertos en trámites migratorios: visa americana, SENTRI, pasaporte, doble nacionalidad y más.">
+    <title><?= isset($pageTitle) ? htmlspecialchars($pageTitle) . ' | Gestoría LP' : 'Gestoría LP — Trámites Migratorios Profesionales' ?></title>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+
+    <!-- Font Awesome 6 -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer">
+
+    <!-- Site Stylesheet -->
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+<body>
+
+<!-- Navigation -->
+<header class="navbar" id="navbar">
+    <div class="container navbar__inner">
+        <a href="index.php" class="navbar__brand">
+            <i class="fa-solid fa-scale-balanced"></i>
+            <span>Gestoría <strong>LP</strong></span>
+        </a>
+
+        <nav class="navbar__menu" id="navMenu">
+            <ul class="navbar__list">
+                <li class="navbar__item">
+                    <a href="index.php" class="navbar__link">Inicio</a>
+                </li>
+                <li class="navbar__item navbar__item--dropdown">
+                    <a href="#servicios" class="navbar__link navbar__link--dropdown">
+                        Servicios <i class="fa-solid fa-chevron-down"></i>
+                    </a>
+                    <ul class="navbar__dropdown">
+                        <?php
+                        require_once __DIR__ . '/servicios-data.php';
+                        foreach ($SERVICIOS as $slug => $servicio): ?>
+                            <li>
+                                <a href="servicio.php?s=<?= htmlspecialchars($slug) ?>" class="navbar__dropdown-link">
+                                    <i class="fa-solid <?= htmlspecialchars($servicio['icono']) ?>"></i>
+                                    <?= htmlspecialchars($servicio['nombre']) ?>
+                                </a>
+                            </li>
+                        <?php endforeach; ?>
+                    </ul>
+                </li>
+                <li class="navbar__item">
+                    <a href="#contacto" class="navbar__link">Contacto</a>
+                </li>
+            </ul>
+        </nav>
+
+        <button class="navbar__toggle" id="navToggle" aria-label="Abrir menú" aria-expanded="false">
+            <span class="navbar__toggle-bar"></span>
+            <span class="navbar__toggle-bar"></span>
+            <span class="navbar__toggle-bar"></span>
+        </button>
+    </div>
+</header>
+
+<main>