feat: add BurguerProposalPageComponent skeleton

apps/your-burguer/src/app/_pages/burguer-proposal/burguer-proposal.page.component.css

@@ -0,0 +1,3 @@
+.go-button {
+  @apply text-white bg-gradient-to-r from-purple-500 via-purple-600 to-purple-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-purple-300 dark:focus:ring-purple-800 shadow-lg shadow-purple-500/50 dark:shadow-lg dark:shadow-purple-800/80 font-medium rounded-lg px-5 py-2.5 text-center w-full;
+}

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

@@ -0,0 +1,39 @@
+<div class="p-4 rounded-lg mx-auto">
+  <!-- Main item with details -->
+  <div class="border border-gray-700 p-4 rounded-lg mb-4">
+    <!-- Image and Brand-Price -->
+    <div class="flex items-center mb-4">
+      <img src="images/burguer-type/classic.png" alt="Burger" class="w-12 h-12 mr-4">
+      <div>
+        <p class="font-bold">Brand</p>
+        <p class="text-sm text-gray-400">Price ($)</p>
+      </div>
+    </div>
+
+    <!-- Button -->
+    <button class="go-button text-sm py-2 px-4 rounded w-full mb-4">
+      Let's go!
+    </button>
+
+    <!-- Description -->
+    <p class="text-sm text-gray-400">Description</p>
+    <p class="text-gray-500">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto dolorem odio rem ex quam quidem ratione. Optio laudantium corporis consequatur, incidunt, dolores at blanditiis doloremque voluptate possimus, ullam exercitationem dolor.</p>
+  </div>
+
+  <!-- Additional items -->
+  <div class="border border-gray-700 p-4 rounded-lg mb-4 flex items-center">
+    <img src="images/burguer-type/classic.png" alt="Burger" class="w-10 h-10 mr-4">
+    <div>
+      <p class="font-bold">Brand</p>
+      <p class="text-sm text-gray-400">Price ($)</p>
+    </div>
+  </div>
+
+  <div class="border border-gray-700 p-4 rounded-lg flex items-center">
+    <img src="images/burguer-type/classic.png" alt="Burger" class="w-10 h-10 mr-4">
+    <div>
+      <p class="font-bold">Brand</p>
+      <p class="text-sm text-gray-400">Price ($)</p>
+    </div>
+  </div>
+</div>

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

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

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

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

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

@@ -71,4 +71,11 @@ export const appRoutes: Route[] = [
       },
     ],
   },
+  {
+    path: 'proposal',
+    loadComponent: () =>
+      import('./_pages/burguer-proposal/burguer-proposal.page.component').then(
+        (c) => c.BurguerProposalPageComponent
+      ),
+  },
 ];