diff --git a/src/App.js b/src/App.js
index 795997c..bba4066 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,6 +8,7 @@ import Projects from './pages/projects';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import SplashScreen from './components/ui/splashscreen';
+
function App() {
return (
diff --git a/src/components/ui/parallel-scroll.jsx b/src/components/ui/parallel-scroll.jsx
index 063bb6a..83f2233 100644
--- a/src/components/ui/parallel-scroll.jsx
+++ b/src/components/ui/parallel-scroll.jsx
@@ -9,16 +9,16 @@ const ParallaxScroll = ({ images, className }) => {
offset: ["start start", "end start"],
});
- const translateFirst = useTransform(scrollYProgress, [0, 1], [0, -200]);
- const translateSecond = useTransform(scrollYProgress, [0, 1], [0, 200]);
- const translateThird = useTransform(scrollYProgress, [0, 1], [0, -200]);
- const translateFourth = useTransform(scrollYProgress, [0, 1], [0, -200]);
+ const translateFirst = useTransform(scrollYProgress, [0, 1], [0, -400]);
+ const translateSecond = useTransform(scrollYProgress, [0, 1], [0, 600]);
+ const translateThird = useTransform(scrollYProgress, [0, 1], [0, -400]);
+ const translateFourth = useTransform(scrollYProgress, [0, 1], [0, 900]);
const third = Math.ceil(images.length / 4);
const firstPart = images.slice(0, third);
const secondPart = images.slice(third, 2 * third);
const thirdPart = images.slice(2 * third, 3*third);
- const FourthPart = images.slice(3 * third);
+ const FourthPart = images.slice(3 * third, 4*third);
return (
diff --git a/src/data/images/10 copy 2.jpg b/src/data/images/10 copy 2.jpg
new file mode 100644
index 0000000..6c78dbf
Binary files /dev/null and b/src/data/images/10 copy 2.jpg differ
diff --git a/src/data/images/10 copy.jpg b/src/data/images/10 copy.jpg
new file mode 100644
index 0000000..6c78dbf
Binary files /dev/null and b/src/data/images/10 copy.jpg differ
diff --git a/src/data/images/10.jpg b/src/data/images/10.jpg
new file mode 100644
index 0000000..6c78dbf
Binary files /dev/null and b/src/data/images/10.jpg differ
diff --git a/src/data/images/11 copy 2.jpg b/src/data/images/11 copy 2.jpg
new file mode 100644
index 0000000..f38ac2f
Binary files /dev/null and b/src/data/images/11 copy 2.jpg differ
diff --git a/src/data/images/11 copy.jpg b/src/data/images/11 copy.jpg
new file mode 100644
index 0000000..f38ac2f
Binary files /dev/null and b/src/data/images/11 copy.jpg differ
diff --git a/src/data/images/11.jpg b/src/data/images/11.jpg
new file mode 100644
index 0000000..f38ac2f
Binary files /dev/null and b/src/data/images/11.jpg differ
diff --git a/src/data/images/12 copy 2.jpg b/src/data/images/12 copy 2.jpg
new file mode 100644
index 0000000..fb7c055
Binary files /dev/null and b/src/data/images/12 copy 2.jpg differ
diff --git a/src/data/images/12 copy.jpg b/src/data/images/12 copy.jpg
new file mode 100644
index 0000000..fb7c055
Binary files /dev/null and b/src/data/images/12 copy.jpg differ
diff --git a/src/data/images/12.jpg b/src/data/images/12.jpg
new file mode 100644
index 0000000..fb7c055
Binary files /dev/null and b/src/data/images/12.jpg differ
diff --git a/src/data/images/13 copy 2.jpg b/src/data/images/13 copy 2.jpg
new file mode 100644
index 0000000..9ea3516
Binary files /dev/null and b/src/data/images/13 copy 2.jpg differ
diff --git a/src/data/images/13 copy.jpg b/src/data/images/13 copy.jpg
new file mode 100644
index 0000000..9ea3516
Binary files /dev/null and b/src/data/images/13 copy.jpg differ
diff --git a/src/data/images/13.jpg b/src/data/images/13.jpg
new file mode 100644
index 0000000..9ea3516
Binary files /dev/null and b/src/data/images/13.jpg differ
diff --git a/src/data/images/14 copy 2.jpg b/src/data/images/14 copy 2.jpg
new file mode 100644
index 0000000..d42a435
Binary files /dev/null and b/src/data/images/14 copy 2.jpg differ
diff --git a/src/data/images/14 copy.jpg b/src/data/images/14 copy.jpg
new file mode 100644
index 0000000..d42a435
Binary files /dev/null and b/src/data/images/14 copy.jpg differ
diff --git a/src/data/images/14.jpg b/src/data/images/14.jpg
new file mode 100644
index 0000000..d42a435
Binary files /dev/null and b/src/data/images/14.jpg differ
diff --git a/src/data/images/8 copy 2.jpg b/src/data/images/8 copy 2.jpg
new file mode 100644
index 0000000..eee5144
Binary files /dev/null and b/src/data/images/8 copy 2.jpg differ
diff --git a/src/data/images/8 copy.jpg b/src/data/images/8 copy.jpg
new file mode 100644
index 0000000..eee5144
Binary files /dev/null and b/src/data/images/8 copy.jpg differ
diff --git a/src/data/images/8.jpg b/src/data/images/8.jpg
new file mode 100644
index 0000000..eee5144
Binary files /dev/null and b/src/data/images/8.jpg differ
diff --git a/src/data/images/9 copy 2.jpg b/src/data/images/9 copy 2.jpg
new file mode 100644
index 0000000..425571a
Binary files /dev/null and b/src/data/images/9 copy 2.jpg differ
diff --git a/src/data/images/9 copy.jpg b/src/data/images/9 copy.jpg
new file mode 100644
index 0000000..425571a
Binary files /dev/null and b/src/data/images/9 copy.jpg differ
diff --git a/src/data/images/9.jpg b/src/data/images/9.jpg
new file mode 100644
index 0000000..425571a
Binary files /dev/null and b/src/data/images/9.jpg differ
diff --git a/src/data/slides.js b/src/data/slides.js
index 62b14c6..f9d813b 100644
--- a/src/data/slides.js
+++ b/src/data/slides.js
@@ -1,57 +1,16 @@
-export const slides = [
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
- {
- src: './dummy.jpg',
- width: 534,
- height: 420.97
- },
-]
+// slides.js
+function importAll(r) {
+ let images = {};
+ r.keys().forEach((item, index) => { images[item.replace('./', '')] = r(item); });
+ return images;
+ }
+
+ const images = importAll(require.context('./images', false, /\.(heic|jpg|jpeg|png)$/));
+
+ export const slides = Object.keys(images).map((key, index) => ({
+ id: index + 1,
+ src: images[key], // Ensure this points to the correct path
+ width: 534, // Adjust width as needed
+ height: 420.97 // Adjust height as needed
+ }));
+
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index f56578d..9024ee1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,6 +2,31 @@
@tailwind components;
@tailwind utilities;
+/* Hide scrollbars in WebKit-based browsers (Chrome, Safari) */
+::-webkit-scrollbar {
+ display: none;
+}
+
+/* Hide scrollbars in other browsers (Firefox, Edge) */
+body {
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
+ scrollbar-width: none; /* Firefox */
+}
+
+/* Optional: Ensure overflow behavior is maintained */
+
+
+/* If you need scrollable areas without scrollbars */
+.scrollable-container {
+ overflow: auto; /* or overflow-y: auto; for vertical scrolling */
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
+ scrollbar-width: none; /* Firefox */
+}
+
+.scrollable-container::-webkit-scrollbar {
+ display: none;
+}
+
div {
font-family: 'Montserrat', sans-serif;
}
diff --git a/src/pages/gallery.jsx b/src/pages/gallery.jsx
index 17971b6..ebf93a9 100644
--- a/src/pages/gallery.jsx
+++ b/src/pages/gallery.jsx
@@ -1,83 +1,15 @@
import React from 'react'
import ParallaxScroll from "../components/ui/parallel-scroll";
import Header from '../components/header';
+import { slides } from '../data/slides';
-const images = [
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1682686581854-5e71f58e7e3f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1510784722466-f2aa9c52fff6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1505765050516-f72dcac9c60e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1439853949127-fa647821eba0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2640&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
- "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80",
- "https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80",
- "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3070&q=80",
-];
const Gallery = () => {
return (<>
Gallery
-
+
slide.src)} />
>
)
}