diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 0264ddc..3fabb18 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -5,8 +5,12 @@ import { ProductsComponent } from './products/products.component';
import { CybersecurityComponent } from './cybersecurity/cybersecurity.component';
import { UPSComponent } from './ups/ups.component';
import { BlogComponent } from './blog/blog.component';
+import { CelularesComponent } from './products/celulares/celulares.component';
+import { PortatilesComponent } from './products/portatiles/portatiles.component';
const routes: Routes = [
+ { path: 'products/portatiles', component: PortatilesComponent },
+ { path: 'products/celulares', component: CelularesComponent },
{ path: 'blog', component: BlogComponent },
{ path: 'ups', component: UPSComponent },
{ path: 'cybersecurity', component: CybersecurityComponent },
@@ -18,7 +22,12 @@ const routes: Routes = [
];
@NgModule({
- imports: [RouterModule.forRoot(routes)],
+ imports: [
+ RouterModule.forRoot(routes, {
+ scrollPositionRestoration: 'enabled', // 👈 importante
+ anchorScrolling: 'enabled', // opcional: si usas #anclas
+ })
+ ],
exports: [RouterModule]
})
export class AppRoutingModule { }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 1a08850..467af35 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -9,6 +9,8 @@ import { HomeComponent } from './home/home.component';
import { CybersecurityComponent } from './cybersecurity/cybersecurity.component';
import { UPSComponent } from './ups/ups.component';
import { BlogComponent } from './blog/blog.component';
+import { CelularesComponent } from './products/celulares/celulares.component';
+import { PortatilesComponent } from './products/portatiles/portatiles.component';
@NgModule({
declarations: [
@@ -17,7 +19,9 @@ import { BlogComponent } from './blog/blog.component';
HomeComponent,
CybersecurityComponent,
UPSComponent,
- BlogComponent
+ BlogComponent,
+ CelularesComponent,
+ PortatilesComponent
],
imports: [
BrowserModule,
diff --git a/src/app/products/celulares/celulares.component.css b/src/app/products/celulares/celulares.component.css
new file mode 100644
index 0000000..54c06a6
--- /dev/null
+++ b/src/app/products/celulares/celulares.component.css
@@ -0,0 +1,26 @@
+.pagination {
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+ margin-top: 20px;
+}
+
+.pagination button {
+ padding: 8px 16px;
+ border: none;
+ background-color: #eee;
+ color: #1a1a1a;
+ font-weight: bold;
+ cursor: pointer;
+ border-radius: 6px;
+ transition: background-color 0.3s ease;
+}
+
+.pagination button:hover {
+ background-color: #d0eaff;
+}
+
+.pagination button.active {
+ background-color: var(--AJsystem-blue);
+ color: white;
+}
diff --git a/src/app/products/celulares/celulares.component.html b/src/app/products/celulares/celulares.component.html
new file mode 100644
index 0000000..443fbfb
--- /dev/null
+++ b/src/app/products/celulares/celulares.component.html
@@ -0,0 +1,73 @@
+
diff --git a/src/app/products/celulares/celulares.component.spec.ts b/src/app/products/celulares/celulares.component.spec.ts
new file mode 100644
index 0000000..26f19f6
--- /dev/null
+++ b/src/app/products/celulares/celulares.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CelularesComponent } from './celulares.component';
+
+describe('CelularesComponent', () => {
+ let component: CelularesComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ declarations: [CelularesComponent]
+ });
+ fixture = TestBed.createComponent(CelularesComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/products/celulares/celulares.component.ts b/src/app/products/celulares/celulares.component.ts
new file mode 100644
index 0000000..808be11
--- /dev/null
+++ b/src/app/products/celulares/celulares.component.ts
@@ -0,0 +1,218 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-celulares',
+ templateUrl: './celulares.component.html',
+ styleUrls: ['./celulares.component.css']
+})
+export class CelularesComponent {
+ // Tu lista completa de productos (puedes cargarla desde un servicio o API si lo deseas)
+ productos = [
+ {
+ codigo: '7CO05',
+ nombre: 'OPPO A20',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE 2,2GHZ / 1,8GHZ - 128GB - MEM 4GB (+4GB EXPANDIBLE) - DOBLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE',
+ precio: 419000,
+ imagen: 'assets/images/celulares/OPPOA20-OCEAN BLUE.webp'
+ },
+ {
+ codigo: '7CO06',
+ nombre: 'OPPO A20',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE 2,2GHZ / 1,8GHZ - 128GB - MEM 4GB (+4GB EXPANDIBLE) - DOBLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - CAFE',
+ precio: 419000,
+ imagen: 'assets/images/celulares/OPPOA20CAFE.webp'
+ },
+ {
+ codigo: '7CS205',
+ nombre: 'SAMSUNG A05',
+ descripcion: 'PANTALLA 6,6" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEM 4GB - DOBLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - NEGRO',
+ precio: 380000,
+ imagen: 'assets/images/celulares/SAMSUNGA05NEGRO.jpg'
+ },
+ {
+ codigo: '7CS222',
+ nombre: 'SAMSUNG A06',
+ descripcion: 'PANTALLA 6,7" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEM 4GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - VERDE',
+ precio: 390000,
+ imagen: 'assets/images/celulares/Samsung-A06-verde.webp'
+ },
+ {
+ codigo: '7CS224',
+ nombre: 'SAMSUNG A06',
+ descripcion: 'PANTALLA 6,7" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEM 4GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - AZUL',
+ precio: 390000,
+ imagen: 'assets/images/celulares/CelularSAMSUNGA06AZUL.webp'
+ },
+ {
+ codigo: '7CS221',
+ nombre: 'SAMSUNG A05S',
+ descripcion: 'PANTALLA 6,6" - OCTA CORE 2,4GHZ / 1,9GHZ - 128GB - MEM 6GB - TRIPLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - NEGRO',
+ precio: 463000,
+ imagen: 'assets/images/celulares/SAMSUNGA05SNEGRO.jpg'
+ },
+ {
+ codigo: '7CS223',
+ nombre: 'SAMSUNG A05S',
+ descripcion: 'PANTALLA 6,6" - OCTA CORE 2,4GHZ / 1,9GHZ - 128GB - MEM 6GB - TRIPLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - GRIS',
+ precio: 463000,
+ imagen: 'assets/images/celulares/SAMSUNGA05SGRIS.jpg'
+ },
+ {
+ codigo: '7CS225',
+ nombre: 'SAMSUNG A16',
+ descripcion: 'PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEM 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - LIGHT GRAY',
+ precio: 710000,
+ imagen: 'assets/images/celulares/SAMSUNG A16 LIGHT GRAY.webp'
+ },
+ {
+ codigo: '7CS226',
+ nombre: 'SAMSUNG A16',
+ descripcion: 'PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEM 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - BLUE BLACK',
+ precio: 710000,
+ imagen: 'assets/images/celulares/SAMSUNGA16BLUEBLACK.jpg'
+ },
+ {
+ codigo: '7CS227',
+ nombre: 'SAMSUNG A16',
+ descripcion: 'PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEM 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - LIGHT GREEN',
+ precio: 710000,
+ imagen: 'assets/images/celulares/SAMSUNGA16LIGHT GREEN.jpg'
+ },
+ {
+ codigo: '7CX123',
+ nombre: 'XIAOMI REDMI A3X',
+ descripcion: 'PANTALLA 6,71" - OCTA CORE (1,8GHZ / 1,2GHZ)- 64GB - MEMORIA 3GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - MIDNIGHT BLACK',
+ precio: 270000,
+ imagen: 'assets/images/celulares/XIAOMIREDMIA3XMIDNIGHT BLACK.webp'
+ },
+ {
+ codigo: '7CX124',
+ nombre: 'XIAOMI REDMI A3X',
+ descripcion: 'PANTALLA 6,71" - OCTA CORE (1,8GHZ / 1,2GHZ)- 64GB - MEMORIA 3GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - AURORA GREEN',
+ precio: 270000,
+ imagen: 'assets/images/celulares/XIAOMIREDMIA3XAURORA GREEN.webp'
+ },
+ {
+ codigo: '7CX125',
+ nombre: 'XIAOMI REDMI A5',
+ descripcion: 'PANTALLA 6,88" - OCTA CORE (1,8GHZ / 1,6GHZ)- 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 15 - DUAL SIM - 4G LTE - MIDNIGHT BLACK',
+ precio: 335000,
+ imagen: 'assets/images/celulares/XIAOMIREDMIA5BLACK.webp'
+ },
+ {
+ codigo: '7CX111',
+ nombre: 'XIAOMI REDMI 14C',
+ descripcion: 'PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -STARRY BLUE',
+ precio: 400000,
+ imagen: 'assets/images/celulares/XIAOMIREDMI14CstarryBLUE.webp'
+ },
+ {
+ codigo: '7CX112',
+ nombre: 'XIAOMI REDMI 14C',
+ descripcion: 'PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -SEA GREEN',
+ precio: 400000,
+ imagen: 'assets/images/celulares/XIAOMIREDMI14CSEAGREEN.webp'
+ },
+
+ {
+ codigo: '7CX113',
+ nombre: 'XIAOMI REDMI 14C',
+ descripcion: 'PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - MIDN BLACK',
+ precio: 400000,
+ imagen: 'assets/images/celulares/XIAOMIREDMI14CMIDNBLACK.webp'
+ },
+ {
+ codigo: '7CX51',
+ nombre: 'XIAOMI REDMI NOTE 11',
+ descripcion: 'PANTALLA 6,4" -OCTA CORE (2,4GHZ / 1,9GHZ) - 128GB - MEMORIA 4GB - CUATRO CAMARAS - ANDROID 11 - DUAL SIM - 4G LTE - BLUE',
+ precio: 499000,
+ imagen: 'assets/images/celulares/XIAOMI REDMI NOTE 11.webp'
+ },
+ {
+ codigo: '7CX114',
+ nombre: 'XIAOMI REDMI 14C',
+ descripcion: 'PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -SEA GREEN',
+ precio: 499000,
+ imagen: 'assets/images/celulares/XIAOMIREDMI14CSEAGREEN.webp'
+ },
+ {
+ codigo: '7CX115',
+ nombre: 'XIAOMI REDMI 14C',
+ descripcion: 'PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB -DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - STARRY BLUE',
+ precio: 499000,
+ imagen: 'assets/images/celulares/XIAOMIREDMI14CSTARRY BLUE.webp'
+ },
+ {
+ codigo: '7CX116',
+ nombre: 'XIAOMI REDMI 14C',
+ descripcion: 'PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB -DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - MIDN BLACK',
+ precio: 499000,
+ imagen: 'assets/images/celulares/XIAOMIREDMIA3XMIDNIGHT BLACK.webp'
+ },
+ {
+ codigo: '7CX120',
+ nombre: 'XIAOMI REDMI NOTE 14',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - MIDNIGHT BLACK',
+ precio: 710000,
+ imagen: 'assets/images/celulares/XIAOMI REDMI NOTE 14 minghblack.webp'
+ },
+ {
+ codigo: '7CX121',
+ nombre: 'XIAOMI REDMI NOTE 14',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE',
+ precio: 710000,
+ imagen: 'assets/images/celulares/XIAOMI REDMI NOTE 14 OCEAN BLUE$.webp'
+ },
+ {
+ codigo: '7CX122',
+ nombre: 'XIAOMI REDMI NOTE 14',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - LIME GREEN',
+ precio: 710000,
+ imagen: 'assets/images/celulares/Celular XIAOMI REDMI NOTE 14 LIME GREEN.webp'
+ },
+ {
+ codigo: '7CX117',
+ nombre: 'XIAOMI REDMI NOTE 14 PRO',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE',
+ precio: 999000,
+ imagen: 'assets/images/celulares/XIAOMI REDMI NOTE 14 PROOCEAN BLUE$.webp'
+ },
+ {
+ codigo: '7CX118',
+ nombre: 'XIAOMI REDMI NOTE 14 PRO',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - AURORA P',
+ precio: 999000,
+ imagen: 'assets/images/celulares/XIAOMI REDMI NOTE 14 PRO AURORA P.jpg'
+ },
+ {
+ codigo: '7CX119',
+ nombre: 'XIAOMI REDMI NOTE 14 PRO',
+ descripcion: 'PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - MID BLACK',
+ precio: 999000,
+ imagen: 'assets/images/celulares/XIAOMI REDMI NOTE 14 PROminghblack.webp'
+ }
+
+ /* Aquà va tu arreglo con todos los productos. Por ejemplo:
+ { nombre: 'Celular A', precio: 123, imagen: '...' },
+ { nombre: 'Celular B', precio: 456, imagen: '...' },
+ ... hasta todos los que tengas
+ */
+ ];
+
+ currentPage = 1;
+ itemsPerPage = 15;
+
+ get paginatedProducts() {
+ const start = (this.currentPage - 1) * this.itemsPerPage;
+ return this.productos.slice(start, start + this.itemsPerPage);
+ }
+
+ get totalPages() {
+ return Math.ceil(this.productos.length / this.itemsPerPage);
+ }
+
+ setPage(page: number) {
+ this.currentPage = page;
+ window.scrollTo({ top: 0, behavior: 'smooth' }); // Opcional: subir al principio
+ }
+}
diff --git a/src/app/products/k b/src/app/products/portatiles/portatiles.component.css
similarity index 100%
rename from src/app/products/k
rename to src/app/products/portatiles/portatiles.component.css
diff --git a/src/app/products/portatiles/portatiles.component.html b/src/app/products/portatiles/portatiles.component.html
new file mode 100644
index 0000000..c02ba38
--- /dev/null
+++ b/src/app/products/portatiles/portatiles.component.html
@@ -0,0 +1,768 @@
+
diff --git a/src/app/products/portatiles/portatiles.component.spec.ts b/src/app/products/portatiles/portatiles.component.spec.ts
new file mode 100644
index 0000000..eb9ef41
--- /dev/null
+++ b/src/app/products/portatiles/portatiles.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PortatilesComponent } from './portatiles.component';
+
+describe('PortatilesComponent', () => {
+ let component: PortatilesComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ declarations: [PortatilesComponent]
+ });
+ fixture = TestBed.createComponent(PortatilesComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/products/portatiles/portatiles.component.ts b/src/app/products/portatiles/portatiles.component.ts
new file mode 100644
index 0000000..c53e64d
--- /dev/null
+++ b/src/app/products/portatiles/portatiles.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-portatiles',
+ templateUrl: './portatiles.component.html',
+ styleUrls: ['./portatiles.component.css']
+})
+export class PortatilesComponent {
+
+}
diff --git a/src/app/products/products.component.css b/src/app/products/products.component.css
index b9d9ad3..20f8248 100644
--- a/src/app/products/products.component.css
+++ b/src/app/products/products.component.css
@@ -80,3 +80,27 @@
font-family: var(--ff-calibri);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
+.ver-todo-container {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+ margin-block-end: 30px;
+}
+
+.btn-ver-todo {
+ background-color: var(--AJsystem-blue);
+ color: white;
+ padding: 12px 28px;
+ border: none;
+ border-radius: 8px;
+ font-size: 2.2rem;
+ font-family: var(--ff-calibri);
+ font-weight: 600;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+ text-transform: uppercase;
+}
+
+.btn-ver-todo:hover {
+ background-color: var(--AJsystem-glow); /* Azul más claro ya definido */
+}
diff --git a/src/app/products/products.component.html b/src/app/products/products.component.html
index aa658dc..6c5646e 100644
--- a/src/app/products/products.component.html
+++ b/src/app/products/products.component.html
@@ -124,10 +124,717 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Celulares
+
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/src/app/ups/ups.component.html b/src/app/ups/ups.component.html
index b6ab671..6d13918 100644
--- a/src/app/ups/ups.component.html
+++ b/src/app/ups/ups.component.html
@@ -173,3 +173,6 @@
+
+
+
diff --git a/src/assets/images/celulares/CelularSAMSUNGA06AZUL.webp b/src/assets/images/celulares/CelularSAMSUNGA06AZUL.webp
new file mode 100644
index 0000000..a2ea679
Binary files /dev/null and b/src/assets/images/celulares/CelularSAMSUNGA06AZUL.webp differ
diff --git a/src/assets/images/celulares/SAMSUNG A16 LIGHT GRAY.webp b/src/assets/images/celulares/SAMSUNG A16 LIGHT GRAY.webp
new file mode 100644
index 0000000..a948116
Binary files /dev/null and b/src/assets/images/celulares/SAMSUNG A16 LIGHT GRAY.webp differ
diff --git a/src/assets/images/celulares/SAMSUNGA05SGRIS.jpg b/src/assets/images/celulares/SAMSUNGA05SGRIS.jpg
new file mode 100644
index 0000000..a8337e3
Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA05SGRIS.jpg differ
diff --git a/src/assets/images/celulares/SAMSUNGA05SGRIS.webp b/src/assets/images/celulares/SAMSUNGA05SGRIS.webp
deleted file mode 100644
index bce55a7..0000000
Binary files a/src/assets/images/celulares/SAMSUNGA05SGRIS.webp and /dev/null differ
diff --git a/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg b/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg
index 5836907..75a99d8 100644
Binary files a/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg and b/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg differ
diff --git a/src/assets/images/celulares/SAMSUNGA05SNEGRO.webp b/src/assets/images/celulares/SAMSUNGA05SNEGRO.webp
deleted file mode 100644
index 03519dd..0000000
Binary files a/src/assets/images/celulares/SAMSUNGA05SNEGRO.webp and /dev/null differ
diff --git a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.jpg b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.jpg
new file mode 100644
index 0000000..6fc0ed8
Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.jpg differ
diff --git a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png
index d5f11ac..814bcb9 100644
Binary files a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png and b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png differ
diff --git a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.webp b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.webp
deleted file mode 100644
index d7f1ed4..0000000
Binary files a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.webp and /dev/null differ
diff --git a/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.jpg b/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.jpg
new file mode 100644
index 0000000..66153e8
Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.jpg differ
diff --git a/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.webp b/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.webp
deleted file mode 100644
index 17d3d96..0000000
Binary files a/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.webp and /dev/null differ
diff --git a/src/assets/images/celulares/Samsung-A06-verde.webp b/src/assets/images/celulares/Samsung-A06-verde.webp
index e69a8be..f674e58 100644
Binary files a/src/assets/images/celulares/Samsung-A06-verde.webp and b/src/assets/images/celulares/Samsung-A06-verde.webp differ
diff --git a/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.jpg b/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.jpg
deleted file mode 100644
index b38ff68..0000000
Binary files a/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.jpg and /dev/null differ
diff --git a/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.webp b/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.webp
index d03cc00..aa765dc 100644
Binary files a/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.webp and b/src/assets/images/portatiles/ACER A314-36P-323FPURE SILVER.webp differ
diff --git a/src/assets/images/portatiles/ACER A315-24P-R7JSSILVER.webp b/src/assets/images/portatiles/ACER A315-24P-R7JSSILVER.webp
new file mode 100644
index 0000000..2cb5a4b
Binary files /dev/null and b/src/assets/images/portatiles/ACER A315-24P-R7JSSILVER.webp differ
diff --git a/src/assets/images/portatiles/ACER A315-57-58LL GLACIER BLUE.jpg b/src/assets/images/portatiles/ACER A315-57-58LL GLACIER BLUE.jpg
new file mode 100644
index 0000000..4f1e2ed
Binary files /dev/null and b/src/assets/images/portatiles/ACER A315-57-58LL GLACIER BLUE.jpg differ
diff --git a/src/assets/images/portatiles/ACER A315-59-57WMPURE SILVER.jpg b/src/assets/images/portatiles/ACER A315-59-57WMPURE SILVER.jpg
new file mode 100644
index 0000000..bb8303c
Binary files /dev/null and b/src/assets/images/portatiles/ACER A315-59-57WMPURE SILVER.jpg differ
diff --git a/src/assets/images/portatiles/ACER TRAVELMATE TMP214-55GRAY.jpg b/src/assets/images/portatiles/ACER TRAVELMATE TMP214-55GRAY.jpg
new file mode 100644
index 0000000..84f9ac2
Binary files /dev/null and b/src/assets/images/portatiles/ACER TRAVELMATE TMP214-55GRAY.jpg differ
diff --git a/src/assets/images/portatiles/ASUS E1504FA-L1745 - AMD RYZEN 5 7520UMIXED BLACK.png b/src/assets/images/portatiles/ASUS E1504FA-L1745 - AMD RYZEN 5 7520UMIXED BLACK.png
new file mode 100644
index 0000000..da4d991
Binary files /dev/null and b/src/assets/images/portatiles/ASUS E1504FA-L1745 - AMD RYZEN 5 7520UMIXED BLACK.png differ
diff --git a/src/assets/images/portatiles/ASUS E1504FA-NJ1555 - AMDMIXED BLACK.jpg b/src/assets/images/portatiles/ASUS E1504FA-NJ1555 - AMDMIXED BLACK.jpg
new file mode 100644
index 0000000..398e236
Binary files /dev/null and b/src/assets/images/portatiles/ASUS E1504FA-NJ1555 - AMDMIXED BLACK.jpg differ
diff --git a/src/assets/images/portatiles/ASUS EXPERTBOOK B1402CVA-NK2506 - INTEL CORE I5 - ENDLESS - BLACK.jpg b/src/assets/images/portatiles/ASUS EXPERTBOOK B1402CVA-NK2506 - INTEL CORE I5 - ENDLESS - BLACK.jpg
new file mode 100644
index 0000000..0573e95
Binary files /dev/null and b/src/assets/images/portatiles/ASUS EXPERTBOOK B1402CVA-NK2506 - INTEL CORE I5 - ENDLESS - BLACK.jpg differ
diff --git a/src/assets/images/portatiles/ASUS EXPERTBOOK B1402CVA-NK2506 STAR BLACK.webp b/src/assets/images/portatiles/ASUS EXPERTBOOK B1402CVA-NK2506 STAR BLACK.webp
new file mode 100644
index 0000000..398188b
Binary files /dev/null and b/src/assets/images/portatiles/ASUS EXPERTBOOK B1402CVA-NK2506 STAR BLACK.webp differ
diff --git a/src/assets/images/portatiles/ASUS X1502ZA-EJ2443 - INTEL CORE I5QUIET BLUE.webp b/src/assets/images/portatiles/ASUS X1502ZA-EJ2443 - INTEL CORE I5QUIET BLUE.webp
new file mode 100644
index 0000000..7ce4e7d
Binary files /dev/null and b/src/assets/images/portatiles/ASUS X1502ZA-EJ2443 - INTEL CORE I5QUIET BLUE.webp differ
diff --git a/src/assets/images/portatiles/ASUS X1605VA-MB1027INDIE BLACK.webp b/src/assets/images/portatiles/ASUS X1605VA-MB1027INDIE BLACK.webp
new file mode 100644
index 0000000..eb5a628
Binary files /dev/null and b/src/assets/images/portatiles/ASUS X1605VA-MB1027INDIE BLACK.webp differ
diff --git a/src/assets/images/portatiles/ASUS X1605VA-MB1235 - INTEL CORE I7 FREEDOS - INDIE BLACK.png b/src/assets/images/portatiles/ASUS X1605VA-MB1235 - INTEL CORE I7 FREEDOS - INDIE BLACK.png
new file mode 100644
index 0000000..8ecc17f
Binary files /dev/null and b/src/assets/images/portatiles/ASUS X1605VA-MB1235 - INTEL CORE I7 FREEDOS - INDIE BLACK.png differ
diff --git a/src/assets/images/portatiles/ASUS X1605VA-MB929 - INTEL CORE I9 FREEDOS - INDIE BLACKLIC KASPERSKY.webp b/src/assets/images/portatiles/ASUS X1605VA-MB929 - INTEL CORE I9 FREEDOS - INDIE BLACKLIC KASPERSKY.webp
new file mode 100644
index 0000000..69d6864
Binary files /dev/null and b/src/assets/images/portatiles/ASUS X1605VA-MB929 - INTEL CORE I9 FREEDOS - INDIE BLACKLIC KASPERSKY.webp differ
diff --git a/src/assets/images/portatiles/ASUS X1605ZA-MB997 - INTEL CORE I5 - INDIE BLACK.jpg b/src/assets/images/portatiles/ASUS X1605ZA-MB997 - INTEL CORE I5 - INDIE BLACK.jpg
new file mode 100644
index 0000000..20304ab
Binary files /dev/null and b/src/assets/images/portatiles/ASUS X1605ZA-MB997 - INTEL CORE I5 - INDIE BLACK.jpg differ
diff --git a/src/assets/images/portatiles/Portatil ASUS ZENBOOK UM3406HA-QD166 JADE BLACK.png b/src/assets/images/portatiles/Portatil ASUS ZENBOOK UM3406HA-QD166 JADE BLACK.png
new file mode 100644
index 0000000..556400c
Binary files /dev/null and b/src/assets/images/portatiles/Portatil ASUS ZENBOOK UM3406HA-QD166 JADE BLACK.png differ