nuevas version para colorFest

2026-06-06 00:24:13 -07:00
parent c427a17491
commit 6271eb4ebd
13 changed files with 757 additions and 348 deletions
@@ -0,0 +1,36 @@
+<div class="hero min-h-screen relative" style="background-image: url('/images/fondo.jpg');">
+    <div class="hero-overlay bg-opacity-60"></div>
+
+    <!-- Navbar en la parte superior -->
+    <div class="navbar absolute top-0 left-0 w-full text-neutral-content z-10 px-4">
+        <div class="flex-1">
+            <!-- Logo / Icono -->
+            <a class="btn btn-ghost text-xl h-auto p-1">
+                <!-- Reemplaza 'images/logo.png' con tu archivo de imagen real -->
+                <img src="/images/logo.png" alt="ColorFest Logo" class="h-24 w-auto object-contain" />
+            </a>
+        </div>
+        <div class="flex-none">
+            <ul class="menu menu-horizontal px-1 font-bold text-lg">
+                <li><a>Inicio</a></li>
+                <li><a>Catálogo</a></li>
+                <li><a>Personalizados</a></li>
+                <li><a>Contacto</a></li>
+            </ul>
+        </div>
+    </div>
+
+    <div class="hero-content text-neutral-content text-center">
+        <div class="max-w-2xl">
+            <h1 class="mb-5 text-5xl font-bold">Papel Picado Artesanal</h1>
+            <p class="mb-5 text-lg">
+                Llena de color y tradición tus celebraciones con nuestros diseños únicos.
+                Calidad premium para bodas, fiestas y eventos especiales.
+            </p>
+            <div class="flex gap-4 justify-center">
+                <button class="btn btn-primary">Ver Catálogo</button>
+                <button class="btn btn-outline text-white hover:bg-white hover:text-black">Cotizar Pedido</button>
+            </div>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Banner } from './banner';
+
+describe('Banner', () => {
+  let component: Banner;
+  let fixture: ComponentFixture<Banner>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Banner],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(Banner);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-banner',
+  imports: [],
+  templateUrl: './banner.html',
+  styleUrl: './banner.css',
+})
+export class Banner {}