mirror of
https://git.kh3group.com/georgebiri/khy_website.git
synced 2026-07-02 06:23:33 +00:00
Update product data, fix icon paths, improve carousel, and increase product card heights
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- Added products 50-88 to products.json with complete details - Fixed icon paths after moving phone2.png and mail.png to icons folder - Updated carousel to support 6 images with proper indicators - Renamed first_homepage.jpg to index_hero.jpg and updated all references - Increased product card heights from 29vh to 32vh for better visual presence - Removed unused icon files (admin.png, calendar.png, search.png, tag.png) - Added storage.jpg to our_story carousel images
This commit is contained in:
parent
8b8f08908b
commit
195286e6c8
25 changed files with 613 additions and 210 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 713 B |
Binary file not shown.
|
Before Width: | Height: | Size: 548 B |
|
Before Width: | Height: | Size: 815 B After Width: | Height: | Size: 815 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 889 B |
Binary file not shown.
|
Before Width: | Height: | Size: 749 B |
Binary file not shown.
|
Before Width: | Height: | Size: 500 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 802 KiB |
|
Before Width: | Height: | Size: 6.3 MiB After Width: | Height: | Size: 6.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 359 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 526 KiB |
|
Before Width: | Height: | Size: 4.3 MiB After Width: | Height: | Size: 4.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 408 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 417 KiB |
|
|
@ -190,7 +190,7 @@
|
|||
<!-- Background Image -->
|
||||
<div class="absolute inset-0 w-full h-full">
|
||||
<img
|
||||
src="assets/images/first_homepage.jpg"
|
||||
src="assets/images/index_hero.jpg"
|
||||
alt="Modern office interior"
|
||||
class="w-full h-full object-cover object-center"
|
||||
style="filter: blur(2px)"
|
||||
|
|
@ -644,7 +644,7 @@
|
|||
<!-- Phone -->
|
||||
<div class="flex items-center space-x-3">
|
||||
<img
|
||||
src="assets/images/phone.png"
|
||||
src="assets/icons/phone2.png"
|
||||
alt="Phone"
|
||||
class="w-4 h-4"
|
||||
/>
|
||||
|
|
@ -655,7 +655,7 @@
|
|||
|
||||
<!-- Email -->
|
||||
<div class="flex items-center space-x-3">
|
||||
<img src="assets/images/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<img src="assets/icons/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<span class="font-playfair font-normal text-base text-gray-800">
|
||||
design@khyltd.com
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -5602,6 +5602,548 @@
|
|||
"warrantyServiceType": "Premium warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 81,
|
||||
"name": "Baron Laptop",
|
||||
"description": "Versatile laptop table with Baron design. Perfect for flexible workspaces and mobile computing with adjustable functionality and modern styling.",
|
||||
"image": "assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_00_600x600px.webp",
|
||||
"alt": "Baron Laptop",
|
||||
"category": "occasional-tables",
|
||||
"price": 199.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT081",
|
||||
"tags": ["Occasional Table", "Laptop", "Versatile", "Adjustable"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "Black",
|
||||
"originalPrice": 199.99,
|
||||
"rating": "4.3",
|
||||
"reviews": 16,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_00_600x600px.webp",
|
||||
"assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_01_600x600px.webp",
|
||||
"assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_03_600x600px.webp",
|
||||
"assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_04_600x600px.webp"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Enhance your mobile workspace with our Baron Laptop table. This versatile piece combines adjustable functionality with modern design, perfect for flexible workspaces and mobile computing.",
|
||||
"The Baron Laptop table features adjustable height, versatile positioning, and modern styling. The flexible design and mobile-friendly construction create an adaptable environment while providing excellent support for laptop work and flexible computing needs."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Steel frame, premium tabletop",
|
||||
"Design": "Modern versatile aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "2 years",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 16,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_01_600x600px.webp",
|
||||
"right": "assets/images/products/categories/occasional-tables/baron-laptop/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Laptop_Tables_Categories_Gallery_00_600x600px.webp"
|
||||
}
|
||||
],
|
||||
"dimensions": "60cm x 40cm x 70cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Adjustable",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Steel finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "50kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "70cm",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 82,
|
||||
"name": "Happy Hour",
|
||||
"description": "Stylish coffee table with Happy Hour design. Perfect for lounge areas and casual spaces with contemporary styling and functional design.",
|
||||
"image": "assets/images/products/categories/occasional-tables/happy-hour/HAPPY-HOUR-COFFEE-TABLES.jpg",
|
||||
"alt": "Happy Hour",
|
||||
"category": "occasional-tables",
|
||||
"price": 299.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT082",
|
||||
"tags": ["Occasional Table", "Coffee Table", "Stylish", "Contemporary"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "Brown",
|
||||
"value": "#8B4513",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "Brown",
|
||||
"originalPrice": 299.99,
|
||||
"rating": "4.4",
|
||||
"reviews": 19,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/happy-hour/HAPPY-HOUR-COFFEE-TABLES.jpg",
|
||||
"assets/images/products/categories/occasional-tables/happy-hour/HAPPY-HOUR.jpg",
|
||||
"assets/images/products/categories/occasional-tables/happy-hour/Thumbnail_Desks-Tables_Occasional_Tables_Happy-Hour_Tables_Categories_Gallery_01_600x600px.webp",
|
||||
"assets/images/products/categories/occasional-tables/happy-hour/Thumbnail_Desks-Tables_Occasional_Tables_Happy-Hour_Tables_Categories_Gallery_02_600x600px.webp"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Create a welcoming atmosphere with our Happy Hour coffee table. This stylish piece combines contemporary design with functional features, perfect for lounge areas and casual spaces.",
|
||||
"The Happy Hour coffee table features contemporary styling, functional design, and welcoming aesthetics. The stylish construction and casual-friendly features create a relaxed environment while providing excellent surface space for drinks, books, and decorative items."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Wood frame, premium tabletop",
|
||||
"Design": "Contemporary stylish aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "3 years",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 19,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/happy-hour/Thumbnail_Desks-Tables_Occasional_Tables_Happy-Hour_Tables_Categories_Gallery_03_600x600px.webp",
|
||||
"right": "assets/images/products/categories/occasional-tables/happy-hour/HAPPY-HOUR-COFFEE-TABLES.jpg"
|
||||
}
|
||||
],
|
||||
"dimensions": "80cm x 50cm x 45cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Standard",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Wood finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "80kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "45cm",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 83,
|
||||
"name": "Salon Tablet",
|
||||
"description": "Elegant salon table with tablet functionality. Perfect for modern salons and professional spaces with integrated technology and sophisticated styling.",
|
||||
"image": "assets/images/products/categories/occasional-tables/salon-tablet/Cocoon-2SEAT-COUCH01-300x300.png",
|
||||
"alt": "Salon Tablet",
|
||||
"category": "occasional-tables",
|
||||
"price": 399.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT083",
|
||||
"tags": ["Occasional Table", "Salon", "Elegant", "Technology"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "White",
|
||||
"originalPrice": 399.99,
|
||||
"rating": "4.5",
|
||||
"reviews": 22,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/salon-tablet/Cocoon-2SEAT-COUCH01-300x300.png",
|
||||
"assets/images/products/categories/occasional-tables/salon-tablet/cocoon-booth03-300x300.png",
|
||||
"assets/images/products/categories/occasional-tables/salon-tablet/Salon-Coffee-Table-300Wx450Dx722H-SIDE-VIEW-1024x1024.jpg"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Experience modern salon functionality with our Salon Tablet table. This elegant piece combines integrated technology with sophisticated design, perfect for modern salons and professional spaces.",
|
||||
"The Salon Tablet table features integrated tablet functionality, sophisticated styling, and professional construction. The elegant design and technology integration create a modern environment while providing excellent workspace for salon services and professional activities."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Premium materials, integrated technology",
|
||||
"Design": "Sophisticated professional aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "4 years",
|
||||
"warrantyServiceType": "Premium warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 22,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/salon-tablet/cocoon-booth03-300x300.png",
|
||||
"right": "assets/images/products/categories/occasional-tables/salon-tablet/Cocoon-2SEAT-COUCH01-300x300.png"
|
||||
}
|
||||
],
|
||||
"dimensions": "45cm x 30cm x 72cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Integrated tablet",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Premium finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "60kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "72cm",
|
||||
"warrantyServiceType": "Premium warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 84,
|
||||
"name": "Sphere",
|
||||
"description": "Unique spherical table with Sphere design. Perfect for modern spaces and contemporary environments with distinctive styling and artistic appeal.",
|
||||
"image": "assets/images/products/categories/occasional-tables/sphere/Sphere.jpg",
|
||||
"alt": "Sphere",
|
||||
"category": "occasional-tables",
|
||||
"price": 249.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT084",
|
||||
"tags": ["Occasional Table", "Unique", "Spherical", "Artistic"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "White",
|
||||
"originalPrice": 249.99,
|
||||
"rating": "4.2",
|
||||
"reviews": 14,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/sphere/Sphere.jpg"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Make a statement with our Sphere table. This unique piece combines distinctive spherical design with artistic appeal, perfect for modern spaces and contemporary environments.",
|
||||
"The Sphere table features unique spherical construction, distinctive styling, and artistic design. The contemporary form and modern aesthetics create a striking focal point while providing functional surface space for modern living and artistic environments."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Premium materials, spherical construction",
|
||||
"Design": "Unique artistic aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "3 years",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 14,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/sphere/Sphere.jpg",
|
||||
"right": "assets/images/products/categories/occasional-tables/sphere/Sphere.jpg"
|
||||
}
|
||||
],
|
||||
"dimensions": "50cm x 50cm x 50cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Spherical",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Premium finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "40kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "50cm",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 85,
|
||||
"name": "Baron Oblong",
|
||||
"description": "Sleek oblong table with Baron design. Perfect for modern workspaces and contemporary settings with elongated styling and functional design.",
|
||||
"image": "assets/images/products/categories/occasional-tables/baron-oblong/baron-oblong-1.webp",
|
||||
"alt": "Baron Oblong",
|
||||
"category": "occasional-tables",
|
||||
"price": 229.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT085",
|
||||
"tags": ["Occasional Table", "Oblong", "Sleek", "Contemporary"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "Black",
|
||||
"originalPrice": 229.99,
|
||||
"rating": "4.3",
|
||||
"reviews": 17,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/baron-oblong/baron-oblong-1.webp",
|
||||
"assets/images/products/categories/occasional-tables/baron-oblong/Coffee_Tables_Baron_Baroness_Pepe_02.webp",
|
||||
"assets/images/products/categories/occasional-tables/baron-oblong/Thumbnail_Desks-Tables_Occasional_Tables_Baron_Oblong_Laptop_Tables_Categories_Gallery_00_600x600px.webp"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Enhance your contemporary space with our Baron Oblong table. This sleek piece combines elongated styling with functional design, perfect for modern workspaces and contemporary settings.",
|
||||
"The Baron Oblong table features sleek construction, elongated styling, and contemporary design. The modern form and functional features create a sophisticated environment while providing excellent surface space for contemporary living and modern workspaces."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Steel frame, premium tabletop",
|
||||
"Design": "Contemporary sleek aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "3 years",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 17,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/baron-oblong/Coffee_Tables_Baron_Baroness_Pepe_02.webp",
|
||||
"right": "assets/images/products/categories/occasional-tables/baron-oblong/baron-oblong-1.webp"
|
||||
}
|
||||
],
|
||||
"dimensions": "100cm x 40cm x 45cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Oblong",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Steel finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "70kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "45cm",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 86,
|
||||
"name": "Nota",
|
||||
"description": "Elegant occasional table with Nota design. Perfect for sophisticated spaces and refined environments with premium styling and graceful construction.",
|
||||
"image": "assets/images/products/categories/occasional-tables/nota/NOTA_005.jpg",
|
||||
"alt": "Nota",
|
||||
"category": "occasional-tables",
|
||||
"price": 349.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT086",
|
||||
"tags": ["Occasional Table", "Elegant", "Sophisticated", "Premium"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "White",
|
||||
"originalPrice": 349.99,
|
||||
"rating": "4.6",
|
||||
"reviews": 25,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/nota/NOTA_005.jpg",
|
||||
"assets/images/products/categories/occasional-tables/nota/NOTA_008.jpg",
|
||||
"assets/images/products/categories/occasional-tables/nota/NOTA_009.jpg",
|
||||
"assets/images/products/categories/occasional-tables/nota/NOTA_010.jpg"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Add sophistication to your space with our Nota occasional table. This elegant piece combines premium styling with graceful construction, perfect for sophisticated spaces and refined environments.",
|
||||
"The Nota occasional table features premium materials, elegant styling, and sophisticated design. The refined construction and graceful aesthetics create an upscale environment while providing excellent surface space for sophisticated living and refined spaces."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Premium materials, elegant construction",
|
||||
"Design": "Sophisticated premium aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "4 years",
|
||||
"warrantyServiceType": "Premium warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 25,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/nota/NOTA_017.jpg",
|
||||
"right": "assets/images/products/categories/occasional-tables/nota/NOTA_005.jpg"
|
||||
}
|
||||
],
|
||||
"dimensions": "70cm x 50cm x 50cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Standard",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Premium finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "90kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "50cm",
|
||||
"warrantyServiceType": "Premium warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 87,
|
||||
"name": "Selena",
|
||||
"description": "Versatile occasional table with Selena design. Perfect for flexible spaces and adaptable environments with multi-functional styling and contemporary appeal.",
|
||||
"image": "assets/images/products/categories/occasional-tables/selena/SELENA-COFFEE-TABLE.webp",
|
||||
"alt": "Selena",
|
||||
"category": "occasional-tables",
|
||||
"price": 279.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT087",
|
||||
"tags": [
|
||||
"Occasional Table",
|
||||
"Versatile",
|
||||
"Multi-functional",
|
||||
"Contemporary"
|
||||
],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "Brown",
|
||||
"value": "#8B4513",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "Brown",
|
||||
"originalPrice": 279.99,
|
||||
"rating": "4.4",
|
||||
"reviews": 20,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/selena/SELENA-COFFEE-TABLE.webp",
|
||||
"assets/images/products/categories/occasional-tables/selena/SELENA-SIDE-TABLE.webp",
|
||||
"assets/images/products/categories/occasional-tables/selena/SELENA.jpg"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Adapt to any space with our Selena occasional table. This versatile piece combines multi-functional styling with contemporary appeal, perfect for flexible spaces and adaptable environments.",
|
||||
"The Selena occasional table features versatile construction, multi-functional design, and contemporary styling. The adaptable form and flexible features create a dynamic environment while providing excellent surface space for various uses and contemporary living."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Wood frame, premium tabletop",
|
||||
"Design": "Contemporary versatile aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "3 years",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 20,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/selena/SELENA-SIDE-TABLE.webp",
|
||||
"right": "assets/images/products/categories/occasional-tables/selena/SELENA-COFFEE-TABLE.webp"
|
||||
}
|
||||
],
|
||||
"dimensions": "60cm x 40cm x 50cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Multi-functional",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Wood finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "75kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "50cm",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
{
|
||||
"id": 88,
|
||||
"name": "Tray",
|
||||
"description": "Functional tray table with Tray design. Perfect for serving areas and practical spaces with convenient styling and utility-focused construction.",
|
||||
"image": "assets/images/products/categories/occasional-tables/tray/TRAY-2.jpg",
|
||||
"alt": "Tray",
|
||||
"category": "occasional-tables",
|
||||
"price": 159.99,
|
||||
"inStock": true,
|
||||
"modelNo": "OT088",
|
||||
"tags": ["Occasional Table", "Tray", "Functional", "Practical"],
|
||||
"sizes": ["M", "L"],
|
||||
"colors": [
|
||||
{
|
||||
"name": "Black",
|
||||
"value": "#000000",
|
||||
"selected": true
|
||||
},
|
||||
{
|
||||
"name": "White",
|
||||
"value": "#FFFFFF",
|
||||
"selected": false
|
||||
}
|
||||
],
|
||||
"selectedSize": "M",
|
||||
"selectedColor": "Black",
|
||||
"originalPrice": 159.99,
|
||||
"rating": "4.1",
|
||||
"reviews": 12,
|
||||
"images": [
|
||||
"assets/images/products/categories/occasional-tables/tray/TRAY-2.jpg",
|
||||
"assets/images/products/categories/occasional-tables/tray/TRAY-COFFEE-TABLE-SCENE.jpg",
|
||||
"assets/images/products/categories/occasional-tables/tray/Tray-Coffee-Tables.jpg"
|
||||
],
|
||||
"descriptionLong": [
|
||||
"Serve with style using our Tray table. This functional piece combines convenient styling with utility-focused construction, perfect for serving areas and practical spaces.",
|
||||
"The Tray table features functional design, convenient styling, and practical construction. The utility-focused form and serving-friendly features create a practical environment while providing excellent surface space for serving, organizing, and practical activities."
|
||||
],
|
||||
"additionalInformation": {
|
||||
"Material": "Steel frame, practical tabletop",
|
||||
"Design": "Functional practical aesthetic",
|
||||
"Dimensions": "See size options",
|
||||
"Warranty": "2 years",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
},
|
||||
"reviewsCount": 12,
|
||||
"galleryPairs": [
|
||||
{
|
||||
"left": "assets/images/products/categories/occasional-tables/tray/TRAY-COFFEE-TABLE-SCENE.jpg",
|
||||
"right": "assets/images/products/categories/occasional-tables/tray/TRAY-2.jpg"
|
||||
}
|
||||
],
|
||||
"dimensions": "50cm x 35cm x 40cm",
|
||||
"salesPackage": "1 unit",
|
||||
"configuration": "Tray",
|
||||
"fillingMaterial": "N/A",
|
||||
"finishType": "Steel finish",
|
||||
"adjustableHeadrest": "N/A",
|
||||
"maxLoadCapacity": "30kg",
|
||||
"originOfManufacture": "Ghana",
|
||||
"legHeight": "40cm",
|
||||
"warrantyServiceType": "Standard warranty service",
|
||||
"coveredInWarranty": "Manufacturing defects",
|
||||
"notCoveredInWarranty": "Wear and tear not covered"
|
||||
}
|
||||
],
|
||||
"categories": [
|
||||
|
|
|
|||
70
index.html
70
index.html
|
|
@ -351,7 +351,7 @@
|
|||
<!-- Background Image -->
|
||||
<div class="absolute inset-0 w-full h-full">
|
||||
<img
|
||||
src="assets/images/first_homepage.jpg"
|
||||
src="assets/images/index_hero.jpg"
|
||||
alt="Modern interior design space"
|
||||
class="w-full h-full object-cover object-top"
|
||||
/>
|
||||
|
|
@ -551,6 +551,10 @@
|
|||
id="carousel-indicator-4"
|
||||
class="w-3 h-3 bg-white rounded-full opacity-50 transition-opacity duration-300 cursor-pointer"
|
||||
></div>
|
||||
<div
|
||||
id="carousel-indicator-5"
|
||||
class="w-3 h-3 bg-white rounded-full opacity-50 transition-opacity duration-300 cursor-pointer"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -620,9 +624,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/training_tables.jpg"
|
||||
alt="Training Tables"
|
||||
|
|
@ -644,9 +648,9 @@
|
|||
<!-- Product Card 2: Screens -->
|
||||
<a href="product-catalog.html?category=screens" class="block">
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/screens.jpg"
|
||||
alt="Screens"
|
||||
|
|
@ -671,9 +675,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/executive_desks.jpg"
|
||||
alt="Executive Desks"
|
||||
|
|
@ -698,9 +702,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/conference_chairs.jpg"
|
||||
alt="Conference Chairs"
|
||||
|
|
@ -725,9 +729,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/visitors_chair.jpg"
|
||||
alt="Visitors Chair"
|
||||
|
|
@ -749,9 +753,9 @@
|
|||
<!-- Product Card 6: Soft seating -->
|
||||
<a href="product-catalog.html?category=soft-seating" class="block">
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/soft_seating.jpg"
|
||||
alt="Soft seating"
|
||||
|
|
@ -773,9 +777,9 @@
|
|||
<!-- Product Card 7: Barstools -->
|
||||
<a href="product-catalog.html?category=barstools" class="block">
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/barstools.png"
|
||||
alt="Barstools"
|
||||
|
|
@ -797,9 +801,9 @@
|
|||
<!-- Product Card 8: Work Station -->
|
||||
<a href="product-catalog.html?category=work-station" class="block">
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/work_station.jpg"
|
||||
alt="Work Station"
|
||||
|
|
@ -824,9 +828,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/executive_task_chair.png"
|
||||
alt="Executive Task Chair"
|
||||
|
|
@ -851,9 +855,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/canteen_chairs.webp"
|
||||
alt="Canteen Chairs"
|
||||
|
|
@ -875,9 +879,9 @@
|
|||
<!-- Product Card 11: Storage -->
|
||||
<a href="product-catalog.html?category=storage" class="block">
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/storage.jpg"
|
||||
alt="Storage"
|
||||
|
|
@ -902,9 +906,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/training_chairs.jpg"
|
||||
alt="Training Chairs"
|
||||
|
|
@ -926,9 +930,9 @@
|
|||
<!-- Product Card 13: Task Chairs -->
|
||||
<a href="product-catalog.html?category=task-chairs" class="block">
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/task_chairs.jpg"
|
||||
alt="Task Chairs"
|
||||
|
|
@ -953,9 +957,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/meeting_tables.jpg"
|
||||
alt="Meeting Tables"
|
||||
|
|
@ -980,9 +984,9 @@
|
|||
class="block"
|
||||
>
|
||||
<div
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
|
||||
class="product-card bg-light-bg rounded-lg overflow-hidden h-[32vh]"
|
||||
>
|
||||
<div class="product-card-image h-[22vh] bg-gray-200">
|
||||
<div class="product-card-image h-[25vh] bg-gray-200">
|
||||
<img
|
||||
src="assets/images/products/covers/occassional_tables.jpg"
|
||||
alt="Occasional Tables"
|
||||
|
|
@ -1116,7 +1120,7 @@
|
|||
<!-- Phone -->
|
||||
<div class="flex items-center space-x-3 -mt-1">
|
||||
<img
|
||||
src="assets/images/phone.png"
|
||||
src="assets/icons/phone2.png"
|
||||
alt="Phone"
|
||||
class="w-4 h-4"
|
||||
/>
|
||||
|
|
@ -1127,7 +1131,7 @@
|
|||
|
||||
<!-- Email -->
|
||||
<div class="flex items-center space-x-3 -mt-1">
|
||||
<img src="assets/images/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<img src="assets/icons/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<span class="font-playfair font-normal text-base text-gray-800">
|
||||
design@khyltd.com
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -385,7 +385,7 @@
|
|||
<!-- Phone -->
|
||||
<div class="flex items-center space-x-3">
|
||||
<img
|
||||
src="assets/images/phone.png"
|
||||
src="assets/icons/phone2.png"
|
||||
alt="Phone"
|
||||
class="w-4 h-4"
|
||||
/>
|
||||
|
|
@ -396,7 +396,7 @@
|
|||
|
||||
<!-- Email -->
|
||||
<div class="flex items-center space-x-3">
|
||||
<img src="assets/images/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<img src="assets/icons/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<span class="font-playfair font-normal text-base text-gray-800">
|
||||
design@khyltd.com
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -941,7 +941,7 @@
|
|||
<!-- Phone -->
|
||||
<div class="flex items-center space-x-3 -mt-1">
|
||||
<img
|
||||
src="assets/images/phone.png"
|
||||
src="assets/icons/phone2.png"
|
||||
alt="Phone"
|
||||
class="w-4 h-4"
|
||||
/>
|
||||
|
|
@ -952,7 +952,7 @@
|
|||
|
||||
<!-- Email -->
|
||||
<div class="flex items-center space-x-3 -mt-1">
|
||||
<img src="assets/images/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<img src="assets/icons/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<span class="font-playfair font-normal text-base text-gray-800">
|
||||
design@khyltd.com
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -552,7 +552,7 @@
|
|||
<!-- Phone -->
|
||||
<div class="flex items-center space-x-3 -mt-1">
|
||||
<img
|
||||
src="assets/images/phone.png"
|
||||
src="assets/icons/phone2.png"
|
||||
alt="Phone"
|
||||
class="w-4 h-4"
|
||||
/>
|
||||
|
|
@ -563,7 +563,7 @@
|
|||
|
||||
<!-- Email -->
|
||||
<div class="flex items-center space-x-3 -mt-1">
|
||||
<img src="assets/images/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<img src="assets/icons/mail.png" alt="Email" class="w-4 h-4" />
|
||||
<span class="font-playfair font-normal text-base text-gray-800">
|
||||
design@khyltd.com
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -1097,6 +1097,7 @@ function initHeroCarousel() {
|
|||
"assets/images/our_story/screen.jpg",
|
||||
"assets/images/our_story/table.jpg",
|
||||
"assets/images/our_story/chair2.jpg",
|
||||
"assets/images/our_story/storage.jpg",
|
||||
];
|
||||
|
||||
let currentImageIndex = 0;
|
||||
|
|
@ -1129,7 +1130,7 @@ function initHeroCarousel() {
|
|||
|
||||
// Function to update carousel indicators
|
||||
function updateIndicators(activeIndex) {
|
||||
for (let i = 0; i < 5; i++) {
|
||||
for (let i = 0; i < 6; i++) {
|
||||
const indicator = document.getElementById(`carousel-indicator-${i}`);
|
||||
if (indicator) {
|
||||
indicator.style.opacity = i === activeIndex ? "1" : "0.5";
|
||||
|
|
@ -1146,7 +1147,7 @@ function initHeroCarousel() {
|
|||
});
|
||||
|
||||
// Indicator click handlers
|
||||
for (let i = 0; i < 5; i++) {
|
||||
for (let i = 0; i < 6; i++) {
|
||||
const indicator = document.getElementById(`carousel-indicator-${i}`);
|
||||
if (indicator) {
|
||||
indicator.addEventListener("click", (e) => {
|
||||
|
|
|
|||
188
styles/main.css
188
styles/main.css
|
|
@ -779,6 +779,10 @@ video {
|
|||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
.mt-2 {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
|
@ -787,18 +791,10 @@ video {
|
|||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
.mt-12 {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.mt-6 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.mt-2 {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.box-border {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
|
@ -887,22 +883,22 @@ video {
|
|||
height: 24rem;
|
||||
}
|
||||
|
||||
.h-\[145px\] {
|
||||
height: 145px;
|
||||
.h-\[22vh\] {
|
||||
height: 22vh;
|
||||
}
|
||||
|
||||
.h-\[301px\] {
|
||||
height: 301px;
|
||||
}
|
||||
|
||||
.h-\[446px\] {
|
||||
height: 446px;
|
||||
.h-\[29vh\] {
|
||||
height: 29vh;
|
||||
}
|
||||
|
||||
.h-\[64px\] {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.h-\[6vh\] {
|
||||
height: 6vh;
|
||||
}
|
||||
|
||||
.h-auto {
|
||||
height: auto;
|
||||
}
|
||||
|
|
@ -919,54 +915,22 @@ video {
|
|||
height: 100vh;
|
||||
}
|
||||
|
||||
.h-\[320px\] {
|
||||
height: 320px;
|
||||
.h-\[31vh\] {
|
||||
height: 31vh;
|
||||
}
|
||||
|
||||
.h-\[220px\] {
|
||||
height: 220px;
|
||||
.h-\[24vh\] {
|
||||
height: 24vh;
|
||||
}
|
||||
|
||||
.h-\[100px\] {
|
||||
height: 100px;
|
||||
.h-\[32vh\] {
|
||||
height: 32vh;
|
||||
}
|
||||
|
||||
.h-\[25vh\] {
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
.h-\[18vh\] {
|
||||
height: 18vh;
|
||||
}
|
||||
|
||||
.h-\[7vh\] {
|
||||
height: 7vh;
|
||||
}
|
||||
|
||||
.h-\[30vh\] {
|
||||
height: 30vh;
|
||||
}
|
||||
|
||||
.h-\[22vh\] {
|
||||
height: 22vh;
|
||||
}
|
||||
|
||||
.h-\[8vh\] {
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
.h-\[29vh\] {
|
||||
height: 29vh;
|
||||
}
|
||||
|
||||
.h-\[21vh\] {
|
||||
height: 21vh;
|
||||
}
|
||||
|
||||
.h-\[6vh\] {
|
||||
height: 6vh;
|
||||
}
|
||||
|
||||
.min-h-\[64px\] {
|
||||
min-height: 64px;
|
||||
}
|
||||
|
|
@ -1083,10 +1047,6 @@ video {
|
|||
max-width: 20rem;
|
||||
}
|
||||
|
||||
.max-w-4xl {
|
||||
max-width: 56rem;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
|
@ -1204,14 +1164,14 @@ video {
|
|||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.gap-8 {
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.gap-7 {
|
||||
gap: 1.75rem;
|
||||
}
|
||||
|
||||
.gap-8 {
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.space-x-10 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-x-reverse: 0;
|
||||
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
|
||||
|
|
@ -1248,12 +1208,6 @@ video {
|
|||
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(4rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
|
|
@ -1636,10 +1590,6 @@ video {
|
|||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.pt-0 {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.pt-12 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
|
@ -2307,90 +2257,18 @@ video {
|
|||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
.lg\:mt-16 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.lg\:mt-8 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.lg\:h-\[70vh\] {
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[90vh\] {
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[50vh\] {
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[600px\] {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.lg\:h-\[500px\] {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.lg\:h-\[85vh\] {
|
||||
height: 85vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[60vh\] {
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
.lg\:h-\[65vh\] {
|
||||
height: 65vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-screen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[90vh\] {
|
||||
min-height: 90vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[100vh\] {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[150vh\] {
|
||||
min-height: 150vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[900px\] {
|
||||
min-height: 900px;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[800px\] {
|
||||
min-height: 800px;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[700px\] {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[600px\] {
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[60vh\] {
|
||||
min-height: 60vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[65vh\] {
|
||||
min-height: 65vh;
|
||||
}
|
||||
|
||||
.lg\:min-h-\[80vh\] {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
.lg\:w-36 {
|
||||
width: 9rem;
|
||||
}
|
||||
|
|
@ -2427,18 +2305,6 @@ video {
|
|||
gap: 2rem;
|
||||
}
|
||||
|
||||
.lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
|
|
@ -2462,11 +2328,6 @@ video {
|
|||
padding-top: 12rem;
|
||||
}
|
||||
|
||||
.lg\:text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.lg\:text-3xl {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
|
|
@ -2487,11 +2348,6 @@ video {
|
|||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:text-lg {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:leading-snug {
|
||||
line-height: 1.375;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue