georgebiri/khy_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor: update products.json to enhance product galleries with new image pairs for various training tables and screens

Browse source
This commit is contained in:
George Birikorang 2025-09-17 19:43:10 -07:00
parent 7295bcba7e
commit d84c6196d1
2 changed files with 212 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

45
data/products.json
View file

@ -53,7 +53,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 88,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/training-tables/modesty-panels/training-desk-4-1000x1000.jpg",
"assets/images/products/categories/training-tables/modesty-panels/Student-set-up-300x300.jpg"
],
"dimensions": "180cm x 85cm x 75cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -122,7 +125,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 69,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/training-tables/domino/Thumbnail_Desks-Tables_Training_Tables_Domino-Nesting_Table_Categories_Gallery_04_600x600px-1.webp",
"assets/images/products/categories/training-tables/domino/Thumbnail_Desks-Tables_Training_Tables_Domino-Nesting_Table_Categories_Gallery_03_600x600px-1.webp"
],
"dimensions": "120cm x 60cm x 75cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -266,7 +272,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 103,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/training-tables/fold-up/Fold-up-Table-300x300.jpg",
"assets/images/products/categories/training-tables/fold-up/entrakor_fold-up-table-300x300.jpg"
],
"dimensions": "60cm x 40cm x 120cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -336,7 +345,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 25,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/training-tables/graft/Graft-Table-22mm-Trapezoid-Table-Free-Standing-870x600x745-Non-stack-600x600.jpg",
"assets/images/products/categories/training-tables/graft/GraftTable-stackable-classroom2-350x350.jpg"
],
"dimensions": "140cm x 80cm x 75cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -405,7 +417,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 80,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/screens/cocoon/edit72-008-350x350.jpg",
"assets/images/products/categories/screens/cocoon/entrawood-catalogue-sml-10-350x350.jpg"
],
"dimensions": "120cm x 60cm x 150cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -473,7 +488,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 10,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON SCREEN-2.jpg",
"assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON-SCREEN.png.jpg"
],
"dimensions": "150cm x 80cm x 180cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -542,7 +560,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 89,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/screens/global-mute-desk/GLOBAL-MUTE-DESK-BASED-SCREEN.webp",
"assets/images/products/categories/screens/global-mute-desk/MUTE-DESK-BASED-SCREEN-2.webp"
],
"dimensions": "120cm x 60cm x 120cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -611,7 +632,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 58,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/screens/simple/SIMPLE-SCREEN-1.webp",
"assets/images/products/categories/screens/simple/SIMPLE-SCREEN-2.webp"
],
"dimensions": "100cm x 50cm x 140cm",
"salesPackage": "1 unit",
"configuration": "Standard",
@ -680,7 +704,10 @@
"notCoveredInWarranty": "Wear and tear not covered"
},
"reviewsCount": 82,
"galleryPairs": [],
"galleryPairs": [
"assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-MANAGERIAL-DESK.jpg",
"assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-IN-OPEN-PLAN-3.jpg"
],
"dimensions": "180cm x 90cm x 75cm",
"salesPackage": "1 unit",
"configuration": "Standard",

196
styles/main.css
View file

@ -779,10 +779,6 @@ video {
margin-top: 2.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-20 {
margin-top: 5rem;
}
@ -791,10 +787,18 @@ 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;
}
@ -883,22 +887,22 @@ video {
height: 24rem;
}
.h-\[22vh\] {
height: 22vh;
.h-\[145px\] {
height: 145px;
}
.h-\[29vh\] {
height: 29vh;
.h-\[301px\] {
height: 301px;
}
.h-\[446px\] {
height: 446px;
}
.h-\[64px\] {
height: 64px;
}
.h-\[6vh\] {
height: 6vh;
}
.h-auto {
height: auto;
}
@ -915,6 +919,54 @@ video {
height: 100vh;
}
.h-\[320px\] {
height: 320px;
}
.h-\[220px\] {
height: 220px;
}
.h-\[100px\] {
height: 100px;
}
.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;
}
.h-\[31vh\] {
height: 31vh;
}
@ -927,10 +979,6 @@ video {
height: 32vh;
}
.h-\[25vh\] {
height: 25vh;
}
.min-h-\[64px\] {
min-height: 64px;
}
@ -1047,6 +1095,10 @@ video {
max-width: 20rem;
}
.max-w-4xl {
max-width: 56rem;
}
.flex-1 {
flex: 1 1 0%;
}
@ -1164,14 +1216,14 @@ video {
gap: 1.5rem;
}
.gap-7 {
gap: 1.75rem;
}
.gap-8 {
gap: 2rem;
}
.gap-7 {
gap: 1.75rem;
}
.space-x-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
@ -1208,6 +1260,12 @@ 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)));
@ -1590,6 +1648,10 @@ video {
padding-right: 1.5rem;
}
.pt-0 {
padding-top: 0px;
}
.pt-12 {
padding-top: 3rem;
}
@ -2269,18 +2331,90 @@ 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;
}
@ -2317,6 +2451,18 @@ 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)));
@ -2340,6 +2486,11 @@ 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;
@ -2360,6 +2511,11 @@ video {
line-height: 1.75rem;
}
.lg\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.lg\:leading-snug {
line-height: 1.375;
}