Picture Slider React Component

Recreation of as a React Component

Component Set-up:

import PictureSlider from "./lib/components/picture-slider";
import YourImageName1 from "YourImage";
import YourImageName2 from "YourImage";
import YourImageName3 from "YourImage";

const data = [
  {
    heading: "Visit Alps",
    place: "France",
    comment: "Ce la vie!",
    image: YourImageName1,
  },
  {
    heading: "Visit Alps",
    place: "Italy",
    comment: "Ce la vie!",
    image: YourImageName2,
  },
  {
    heading: "Visit Alps",
    place: "Switzerland",
    comment: "Ce la vie!",
    image: YourImageName3,
  },
];

function App() {
  return (
    <div className="App">
      <PictureSlider picturesData={data} />
    </div>
  );
}

export default App;

Assets:

France-dxiane.jpg Photo by dxiane on Unsplash

Swiss-ricardo-gomez-angel.jpg Photo by Ricardo Gomez Angel on Unsplash

Italy-mattia-bericchia.jpg Photo by Mattia Bericchia on Unsplash