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)} />
) }