feat: add LandingPage skeleton

apps/your-burguer/src/app/_pages/landing/landing.page.component.html

@@ -0,0 +1,104 @@
+<!-- Hero Section with Glassmorphism Effect -->
+<section class="relative bg-purple-500 text-white py-20 flex items-center justify-center">
+  <div class="absolute inset-0 bg-gradient-to-r from-purple-500 to-purple-700 opacity-80"></div>
+  <div class="relative z-10 max-w-4xl text-center p-8 backdrop-blur-md bg-white/10 rounded-xl shadow-lg">
+    <h1 class="text-4xl font-extrabold mb-4">Descubre Tu Hamburguesa Perfecta</h1>
+    <p class="text-xl font-light mb-6">Tus preferencias, nuestro algoritmo, las mejores hamburguesas del mundo.</p>
+    <button class="mt-4 bg-white text-purple-500 font-bold py-3 px-8 rounded-lg hover:bg-purple-300 transition-all duration-300 shadow-lg" routerLink="choice-assistant">
+      ¡Empieza Ahora!
+    </button>
+  </div>
+</section>
+
+<!-- How It Works Section with Neumorphism -->
+<section class="py-20 bg-gray-100">
+  <div class="max-w-7xl mx-auto text-center">
+    <h2 class="text-4xl font-bold mb-10">¿Cómo Funciona?</h2>
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
+      <!-- Step 1 -->
+      <div class="bg-gray-200 p-8 rounded-xl shadow-neumorphism">
+        <div class="mb-4 text-purple-500">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4" />
+          </svg>
+        </div>
+        <h3 class="text-2xl font-semibold mb-2">Cuéntanos tus preferencias</h3>
+        <p class="text-gray-600">Te pedimos tus gustos, intolerancias y restricciones para personalizar la búsqueda.</p>
+      </div>
+      <!-- Step 2 -->
+      <div class="bg-gray-200 p-8 rounded-xl shadow-neumorphism">
+        <div class="mb-4 text-purple-500">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+          </svg>
+        </div>
+        <h3 class="text-2xl font-semibold mb-2">Analizamos los datos</h3>
+        <p class="text-gray-600">Un algoritmo avanzado compara miles de opciones de marcas reconocidas.</p>
+      </div>
+      <!-- Step 3 -->
+      <div class="bg-gray-200 p-8 rounded-xl shadow-neumorphism">
+        <div class="mb-4 text-purple-500">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
+          </svg>
+        </div>
+        <h3 class="text-2xl font-semibold mb-2">Disfruta tu recomendación</h3>
+        <p class="text-gray-600">Obtén una recomendación personalizada con hamburguesas de tus marcas favoritas.</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Partner Brands Section with Modern Logos and Spacing -->
+<section class="py-20 bg-white">
+  <div class="max-w-7xl mx-auto text-center">
+    <h2 class="text-4xl font-bold mb-8">Marcas Asociadas</h2>
+    <p class="text-lg mb-12 text-gray-700">Trabajamos con las mejores marcas para garantizarte la hamburguesa ideal.</p>
+    <div class="flex justify-center space-x-10">
+      <!-- McDonald's -->
+      <div class="w-24 h-24 flex items-center justify-center bg-white rounded-lg shadow-neumorphism">
+        <img src="assets/mcdonalds-logo.png" alt="McDonald's" class="h-16 w-16">
+      </div>
+      <!-- Burger King -->
+      <div class="w-24 h-24 flex items-center justify-center bg-white rounded-lg shadow-neumorphism">
+        <img src="assets/burger-king-logo.png" alt="Burger King" class="h-16 w-16">
+      </div>
+      <!-- Goiko -->
+      <div class="w-24 h-24 flex items-center justify-center bg-white rounded-lg shadow-neumorphism">
+        <img src="assets/goiko-logo.png" alt="Goiko" class="h-16 w-16">
+      </div>
+      <!-- More Brands -->
+      <div class="w-24 h-24 flex items-center justify-center bg-white rounded-lg shadow-neumorphism">
+        <img src="assets/other-brands.png" alt="Otras Marcas" class="h-16 w-16">
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Testimonials Section with Gradient Background -->
+<section class="py-20 bg-gradient-to-r from-purple-500 to-purple-700 text-white">
+  <div class="max-w-7xl mx-auto text-center">
+    <h2 class="text-4xl font-bold mb-8">Lo Que Dicen Nuestros Usuarios</h2>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
+      <!-- Testimonial 1 -->
+      <div class="bg-white/10 p-8 rounded-xl shadow-lg">
+        <p class="italic text-lg mb-4">"Your Burger me recomendó la hamburguesa perfecta, justo lo que buscaba."</p>
+        <p class="font-semibold">- Juan, Cliente Satisfecho</p>
+      </div>
+      <!-- Testimonial 2 -->
+      <div class="bg-white/10 p-8 rounded-xl shadow-lg">
+        <p class="italic text-lg mb-4">"¡Increíble cómo acertaron con mis gustos! Superó mis expectativas."</p>
+        <p class="font-semibold">- Laura, Amante de las Hamburguesas</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Final Call to Action Section -->
+<section class="py-20 bg-purple-500 text-white text-center">
+  <h2 class="text-4xl font-bold mb-6">¿Listo para Encontrar Tu Hamburguesa Ideal?</h2>
+  <p class="text-lg font-light mb-8">Solo toma unos minutos personalizar tu experiencia. ¡Empecemos!</p>
+  <button class="bg-white text-purple-500 font-bold py-3 px-8 rounded-lg hover:bg-purple-300 transition-all duration-300 shadow-lg" routerLink="choice-assistant">
+    Comienza Ahora
+  </button>
+</section>

apps/your-burguer/src/app/_pages/landing/landing.page.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { LandingPageComponent } from './landing.page.component';
+
+describe('LandingPageComponent', () => {
+  let component: LandingPageComponent;
+  let fixture: ComponentFixture<LandingPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LandingPageComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LandingPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

apps/your-burguer/src/app/_pages/landing/landing.page.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+@Component({
+  selector: 'app-landing-page',
+  standalone: true,
+  imports: [RouterModule],
+  templateUrl: './landing.page.component.html',
+  styleUrl: './landing.page.component.css',
+})
+export class LandingPageComponent {}

apps/your-burguer/src/app/app.routes.ts

@@ -3,8 +3,10 @@ import { Route } from '@angular/router';
 export const appRoutes: Route[] = [
   {
     path: '',
-    redirectTo: 'choice-assistant/burguer-type',
-    pathMatch: 'full',
+    loadComponent: () =>
+      import('./_pages/landing/landing.page.component').then(
+        (c) => c.LandingPageComponent
+      ),
   },
   {
     path: 'choice-assistant',