diff --git a/src/components/Carousel.js b/src/components/Carousel.js index 25d474e2..2e7a4f84 100644 --- a/src/components/Carousel.js +++ b/src/components/Carousel.js @@ -1,7 +1,13 @@ -import React from 'react'; -import { Carousel } from 'react-responsive-carousel'; +import React from "react"; +import { Carousel } from "react-responsive-carousel"; const ImageList = [ + { + image: "img/carousel/workflow.png", + alt: "A scene showing a flat panel with Blender to the left (containing a sketch of a 3D git client that looks like a bonsai tree), a turntable with a 3D model of the stardust logo on it in the center, and a massive grid of hexagons for all the apps on the system to the right.", + caption: + "A workflow containing Blender, a turntable with a 3D model preview, and the hexasgon app launcher.", + }, { image: "img/carousel/multipleclients.png", alt: "A scene showing multiple widgets, including CRT TV panel shells and flat touchscreen panels and 2 rings forming a cylinder around the scene.", @@ -12,9 +18,9 @@ const ImageList = [ alt: "A series of application windows as 3D panels similar to small wooden boards in proportions with a Panasonic CRT TV model in the center showing Agregore (the browser).", caption: "Panels for wayland apps and a CRT panel shell for XR UI.", }, -] +]; -function CarouselImage({image, alt, caption}) { +function CarouselImage({ image, alt, caption }) { return (