added new pictures to fscomponents page

This commit is contained in:
Laura Dolibois
2025-06-12 16:34:41 +02:00
parent 140c00fefd
commit 056ad96d3b
11 changed files with 27 additions and 21 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 658 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 671 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 660 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 657 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 664 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 660 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 681 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 660 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 664 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 660 KiB

View File

@@ -6,13 +6,15 @@ import ItemCard from "../helper/homepage/ItemCard";
import AddShoppingCartIcon from '@mui/icons-material/AddShoppingCart';
import farmingStation from '../assets/fscomponents/fs_components_0.png';
import growrack from '../assets/fscomponents/fs_components_1.png';
import tank from '../assets/fscomponents/fs_components_2.png';
import control from '../assets/fscomponents/fs_components_3.png';
import light from '../assets/fscomponents/fs_components_4.png';
import pump from '../assets/fscomponents/fs_components_5.png';
import flowerpots from '../assets/fscomponents/fs_components_6.png';
import pipes from '../assets/fscomponents/fs_components_7.png';
import environment from '../assets/fscomponents/fs_components_1.png';
import hoses from '../assets/fscomponents/fs_components_2.png';
import pipes from '../assets/fscomponents/fs_components_3.png';
import pumps from '../assets/fscomponents/fs_components_4.png';
import sensors from '../assets/fscomponents/fs_components_5.png';
import shelf from '../assets/fscomponents/fs_components_6.png';
import connectors from '../assets/fscomponents/fs_components_7.png';
import clips from '../assets/fscomponents/fs_components_8.png';
import arduino from '../assets/fscomponents/fs_components_9.png';
export default function FSComponents() {
@@ -20,23 +22,27 @@ export default function FSComponents() {
const [hoverIndex, setHoverIndex] = useState<number | null>(null);
const exampleItems = [
{ id: "1", uuid: "uuid-1", name: "Regal", price100: 12999, discount100: 0, rating: 9, stock: 12, description: "Test", category: "TechnicalComponents" },
{ id: "2", uuid: "uuid-2", name: "Tank", price100: 4999, discount100: 50, rating: 3, stock: 5, description: "Test", category: "TechnicalComponents" },
{ id: "3", uuid: "uuid-3", name: "Steuerung", price100: 8999, discount100: 0, rating: 5, stock: 0, description: "Test", category: "TechnicalComponents" },
{ id: "4", uuid: "uuid-4", name: "Beleuchtung", price100: 2999, discount100: 20, rating: 8, stock: 3, description: "Test", category: "GardenSupplies" },
{ id: "5", uuid: "uuid-5", name: "Pumpe", price100: 1999, discount100: 0, rating: 10, stock: 25, description: "Test", category: "TechnicalComponents" },
{ id: "6", uuid: "uuid-6", name: "Pflanztöpfe", price100: 1099, discount100: 0, rating: 4, stock: 15, description: "Test", category: "GardenSupplies" },
{ id: "7", uuid: "uuid-7", name: "Schläuche", price100: 799, discount100: 0, rating: 7, stock: 9, description: "Test", category: "TechnicalComponents" }
{ id: "1", uuid: "uuid-1", name: "Set: Air + Light", price100: 12999, discount100: 0, rating: 9, stock: 12, description: "Test", category: "TechnicalComponents" },
{ id: "2", uuid: "uuid-2", name: "Set: Hoses", price100: 4999, discount100: 50, rating: 3, stock: 5, description: "Test", category: "TechnicalComponents" },
{ id: "3", uuid: "uuid-3", name: "Set: Pipes", price100: 8999, discount100: 0, rating: 5, stock: 0, description: "Test", category: "TechnicalComponents" },
{ id: "4", uuid: "uuid-4", name: "Set: Pumps", price100: 2999, discount100: 20, rating: 8, stock: 3, description: "Test", category: "GardenSupplies" },
{ id: "5", uuid: "uuid-5", name: "Set: Sensors", price100: 1999, discount100: 0, rating: 10, stock: 25, description: "Test", category: "TechnicalComponents" },
{ id: "6", uuid: "uuid-6", name: "Set: Shelf", price100: 1099, discount100: 0, rating: 4, stock: 15, description: "Test", category: "GardenSupplies" },
{ id: "7", uuid: "uuid-7", name: "Set: Connectors", price100: 799, discount100: 0, rating: 7, stock: 9, description: "Test", category: "TechnicalComponents" },
{ id: "8", uuid: "uuid-8", name: "Set: Clips", price100: 799, discount100: 0, rating: 7, stock: 9, description: "Test", category: "TechnicalComponents" },
{ id: "9", uuid: "uuid-9", name: "Arduino", price100: 799, discount100: 0, rating: 7, stock: 9, description: "Test", category: "TechnicalComponents" }
];
const componentImages = [
growrack,
tank,
control,
light,
pump,
flowerpots,
pipes
environment,
hoses,
pipes,
pumps,
sensors,
shelf,
connectors,
clips,
arduino
];
return (