Simplify Gatsby example

Author: yifaneye

react-gallery-carousel-gatsby/gatsby-config.js

@@ -3,7 +3,7 @@ module.exports = {
     title: 'react-gallery-carousel Gatsby example',
     description:
       'react-gallery-carousel is a mobile-friendly dependency-free React carousel component with support for touch, mouse dragging, lazy loading, thumbnails, modal, keyboard navigation, RTL and pinch to zoom.',
-    url: 'https://rgc.yifanai.com',
+    url: 'https://yifanai.com/rgc',
     image: '/images/icon.png',
     twitterUsername: '@yifaneye'
   },

react-gallery-carousel-gatsby/src/components/Carousel1.js

@@ -1,34 +1,4 @@
-import React from 'react';
-import Carousel1 from '../components/Carousel1';
-import Carousel2 from '../components/Carousel2';
-import Carousel3 from '../components/Carousel3';
-import Carousel4 from '../components/Carousel4';
-import Carousel5 from '../components/Carousel5';
-import '../styles/index.css';
+import App from '../../../example/src/App.js';
+import '../../../example/src/index.css';
 
-const imageIDs = Array(30) // the maximum is currently 149
-  .fill(1)
-  .map((_, i) => i + 1);
-const images = imageIDs.map((imageID) => {
-  return {
-    src: `https://placedog.net/400/240?id=${imageID}`,
-    srcset: `https://placedog.net/400/240?id=${imageID} 400w, https://placedog.net/700/420?id=${imageID} 700w, https://placedog.net/1000/600?id=${imageID} 1000w`,
-    sizes: '(max-width: 1000px) 400px, (max-width: 2000px) 700px, 1000px',
-    alt: `Dog No. ${imageID}. Dogs are domesticated mammals, not natural wild animals.`,
-    thumbnail: `https://placedog.net/100/60?id=${imageID}`
-  };
-});
-
-const IndexPage = () => {
-  return (
-    <div className='carousel-page'>
-      <Carousel1 />
-      <Carousel2 images={images} />
-      <Carousel3 images={images} />
-      <Carousel4 images={images} />
-      <Carousel5 images={images} />
-    </div>
-  );
-};
-
-export default IndexPage;
+export default App;