Add image collections

2024-11-15 01:06:36 +08:00 · 2024-11-15 01:06:36 +08:00 · 05b12bac53
commit 05b12bac53
parent 5657facf30
3 changed files with 525 additions and 71 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,11 +1,11 @@
 {
-  "name": "persional-site",
+  "name": "personal-site",
  "version": "0.0.1",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
-      "name": "persional-site",
+      "name": "personal-site",
      "version": "0.0.1",
      "dependencies": {
        "@astrojs/check": "^0.9.4",
--- a/src/const.ts
+++ b/src/const.ts
@ -62,9 +62,206 @@ export const ALBUMS = {
    title: "开启奇妙的动物王国之旅",
    description: "汇聚了大自然神奇与美妙的视觉盛宴，它宛如一扇通往神秘动物王国的大门，引领读者走进一个充满生机与魅力的世界。",
    images: [
+
      {
-                url: "",
-                desc: ""
+        "url": "https://images.unsplash.com/photo-1486365227551-f3f90034a57c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "blue and brown bird on brown tree trunk"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504006833117-8886a355efbf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on black background"
+      },
+      {
+        "url": "https://images.unsplash.com/44/MIbCzcvxQdahamZSNQ26_12082014-IMG_3526.jpg?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear selective focal photo during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1459262838948-3e2de6c1ec80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "koala sleeping on tree branch"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1474511320723-9a56873867b5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown fox on snow field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1518770352423-dce09a3d3307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on green leafed tree"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1480554840075-72cbdabbf689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "selective focus photography of brown rabbit"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1470093851219-69951fcbb533?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "white fox sitting on snow during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1457140072488-87e5ffde2d77?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear near grass field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504618223053-559bdef9dd5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8YW5pbWFsfGVufDB8MHwxfHwxNzMxNTk4MTU1fDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "two black-and-white birds"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1486365227551-f3f90034a57c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "blue and brown bird on brown tree trunk"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504006833117-8886a355efbf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on black background"
+      },
+      {
+        "url": "https://images.unsplash.com/44/MIbCzcvxQdahamZSNQ26_12082014-IMG_3526.jpg?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear selective focal photo during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1459262838948-3e2de6c1ec80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "koala sleeping on tree branch"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1474511320723-9a56873867b5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown fox on snow field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1518770352423-dce09a3d3307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on green leafed tree"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1480554840075-72cbdabbf689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "selective focus photography of brown rabbit"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1470093851219-69951fcbb533?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "white fox sitting on snow during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1457140072488-87e5ffde2d77?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear near grass field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504618223053-559bdef9dd5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8YW5pbWFsfGVufDB8MHwxfHwxNzMxNTk4MTU1fDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "two black-and-white birds"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1486365227551-f3f90034a57c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "blue and brown bird on brown tree trunk"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504006833117-8886a355efbf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on black background"
+      },
+      {
+        "url": "https://images.unsplash.com/44/MIbCzcvxQdahamZSNQ26_12082014-IMG_3526.jpg?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear selective focal photo during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1459262838948-3e2de6c1ec80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "koala sleeping on tree branch"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1474511320723-9a56873867b5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown fox on snow field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1518770352423-dce09a3d3307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on green leafed tree"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1480554840075-72cbdabbf689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "selective focus photography of brown rabbit"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1470093851219-69951fcbb533?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "white fox sitting on snow during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1457140072488-87e5ffde2d77?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear near grass field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504618223053-559bdef9dd5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8YW5pbWFsfGVufDB8MHwxfHwxNzMxNTk4MTU1fDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "two black-and-white birds"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1486365227551-f3f90034a57c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "blue and brown bird on brown tree trunk"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504006833117-8886a355efbf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on black background"
+      },
+      {
+        "url": "https://images.unsplash.com/44/MIbCzcvxQdahamZSNQ26_12082014-IMG_3526.jpg?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear selective focal photo during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1459262838948-3e2de6c1ec80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "koala sleeping on tree branch"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1474511320723-9a56873867b5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown fox on snow field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1518770352423-dce09a3d3307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on green leafed tree"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1480554840075-72cbdabbf689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "selective focus photography of brown rabbit"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1470093851219-69951fcbb533?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "white fox sitting on snow during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1457140072488-87e5ffde2d77?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear near grass field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504618223053-559bdef9dd5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8YW5pbWFsfGVufDB8MHwxfHwxNzMxNTk4MTU1fDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "two black-and-white birds"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1486365227551-f3f90034a57c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "blue and brown bird on brown tree trunk"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504006833117-8886a355efbf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on black background"
+      },
+      {
+        "url": "https://images.unsplash.com/44/MIbCzcvxQdahamZSNQ26_12082014-IMG_3526.jpg?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear selective focal photo during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1459262838948-3e2de6c1ec80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "koala sleeping on tree branch"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1474511320723-9a56873867b5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown fox on snow field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1518770352423-dce09a3d3307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown squirrel on green leafed tree"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1480554840075-72cbdabbf689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "selective focus photography of brown rabbit"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1470093851219-69951fcbb533?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "white fox sitting on snow during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1457140072488-87e5ffde2d77?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxhbmltYWx8ZW58MHwwfDF8fDE3MzE1OTgxNTV8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "brown bear near grass field"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1504618223053-559bdef9dd5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8YW5pbWFsfGVufDB8MHwxfHwxNzMxNTk4MTU1fDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "two black-and-white birds"
      }
    ]
  },
@ -73,8 +270,204 @@ export const ALBUMS = {
    description: "宛如一把神奇的钥匙，为你开启一扇通往充满神秘与魅力世界的大门。在这个世界里，每一页都弥漫着魔法的气息，而那巨大的树木无疑是这片魔法森林的灵魂所在",
    images: [
      {
-                url: "",
-                desc: ""
+        "url": "https://images.unsplash.com/photo-1448375240586-882707db888b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "trees on forest with sun rays"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1476231682828-37e571bc172f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "aerial shot of road surrounded by green trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1473448912268-2022ce9509d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "body of water surrounded by pine trees during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1425913397330-cf8af2ff40a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "photography of tall trees at daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1426170042593-200f250dfdaf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "low-light photo of forest"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1477322524744-0eece9e79640?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "lake under blue sky during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1440581572325-0bea30075d9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green pine trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1511497584788-876760111969?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "pine trees field near mountain under sunset"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1542202229-7d93c33f5d07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green leafed trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1500673922987-e212871fec22?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8Zm9yZXN0fGVufDB8MHwxfHwxNzMxNjAwMTgwfDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "yellow lights between trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1448375240586-882707db888b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "trees on forest with sun rays"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1476231682828-37e571bc172f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "aerial shot of road surrounded by green trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1473448912268-2022ce9509d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "body of water surrounded by pine trees during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1425913397330-cf8af2ff40a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "photography of tall trees at daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1426170042593-200f250dfdaf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "low-light photo of forest"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1477322524744-0eece9e79640?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "lake under blue sky during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1440581572325-0bea30075d9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green pine trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1511497584788-876760111969?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "pine trees field near mountain under sunset"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1542202229-7d93c33f5d07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green leafed trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1500673922987-e212871fec22?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8Zm9yZXN0fGVufDB8MHwxfHwxNzMxNjAwMTgwfDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "yellow lights between trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1448375240586-882707db888b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "trees on forest with sun rays"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1476231682828-37e571bc172f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "aerial shot of road surrounded by green trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1473448912268-2022ce9509d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "body of water surrounded by pine trees during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1425913397330-cf8af2ff40a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "photography of tall trees at daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1426170042593-200f250dfdaf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "low-light photo of forest"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1477322524744-0eece9e79640?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "lake under blue sky during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1440581572325-0bea30075d9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green pine trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1511497584788-876760111969?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "pine trees field near mountain under sunset"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1542202229-7d93c33f5d07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green leafed trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1500673922987-e212871fec22?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8Zm9yZXN0fGVufDB8MHwxfHwxNzMxNjAwMTgwfDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "yellow lights between trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1448375240586-882707db888b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "trees on forest with sun rays"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1476231682828-37e571bc172f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "aerial shot of road surrounded by green trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1473448912268-2022ce9509d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "body of water surrounded by pine trees during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1425913397330-cf8af2ff40a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "photography of tall trees at daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1426170042593-200f250dfdaf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "low-light photo of forest"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1477322524744-0eece9e79640?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "lake under blue sky during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1440581572325-0bea30075d9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green pine trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1511497584788-876760111969?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "pine trees field near mountain under sunset"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1542202229-7d93c33f5d07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green leafed trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1500673922987-e212871fec22?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8Zm9yZXN0fGVufDB8MHwxfHwxNzMxNjAwMTgwfDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "yellow lights between trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1448375240586-882707db888b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "trees on forest with sun rays"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1476231682828-37e571bc172f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwyfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "aerial shot of road surrounded by green trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1473448912268-2022ce9509d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwzfHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "body of water surrounded by pine trees during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1425913397330-cf8af2ff40a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw0fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "photography of tall trees at daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1426170042593-200f250dfdaf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw1fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "low-light photo of forest"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1477322524744-0eece9e79640?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw2fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "lake under blue sky during daytime"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1440581572325-0bea30075d9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw3fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green pine trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1511497584788-876760111969?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw4fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "pine trees field near mountain under sunset"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1542202229-7d93c33f5d07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHw5fHxmb3Jlc3R8ZW58MHwwfDF8fDE3MzE2MDAxODB8MA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "green leafed trees"
+      },
+      {
+        "url": "https://images.unsplash.com/photo-1500673922987-e212871fec22?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2NzEyNTB8MHwxfHNlYXJjaHwxMHx8Zm9yZXN0fGVufDB8MHwxfHwxNzMxNjAwMTgwfDA&ixlib=rb-4.0.3&q=80&w=1080",
+        "desc": "yellow lights between trees"
      }
    ]
  }
--- a/src/pages/album/[id].astro
+++ b/src/pages/album/[id].astro
@ -26,7 +26,12 @@ const { id } = Astro.params;
 let album = {
    title: "",
    description: "",
-    images: [{}],
+    images: [
+        {
+            url: "",
+            desc: "",
+        },
+    ],
 };

 if (id == ALBUM_NAME_ANIMAL_WORLD) {
@ -39,12 +44,68 @@ if (id == ALBUM_NAME_ENCHANTED_FOREST) {
 ---

 <Layout>
-    <article class="m-auto mt-12 prose">
+    <div class="grid grid-cols-1">
+        <div class="flex flex-col justify-center items-center">
+            <article class="mt-12 mx-2 prose-sm md:prose">
                <h1>{album.title}</h1>
                <p>{album.description}</p>
            </article>
+            <section class="mt-12 max-w-6xl">
+                <!-- {
+                    album.images.map((item) => (
+                        <div class="card">
+                            <figure>
+                                <img
+                                    class="object-cover h-64"
+                                    src={item.url}
+                                    alt={item.desc}
+                                />
+                            </figure>
+                            <div class="card-body text-center">
+                                <h2 class="card-title" />
+                                <p>{item.desc}</p>
+                            </div>
+                        </div>
+                    ))
+                } -->
    
-    <section class="m-auto grid-cols-1 md:grid-cols-4">
-
+                <div class="carousel w-full md:rounded-2xl">
+                    {
+                        album.images.map((item, i, items) => (
+                            <div
+                                id={"side-" + i}
+                                class="carousel-item relative w-full"
+                            >
+                                <img
+                                    src={item.url}
+                                    class="w-full"
+                                    alt={item.desc}
+                                />
+                                <div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
+                                    <a
+                                        href={
+                                            "#side-" +
+                                            (i == 0 ? items.length - 1 : i - 1)
+                                        }
+                                        class="btn btn-circle btn-sm md:btn-md"
+                                    >
+                                        ❮
+                                    </a>
+                                    <a
+                                        href={
+                                            "#side-" +
+                                            (i == items.length - 1 ? 0 : i + 1)
+                                        }
+                                        class="btn btn-circle btn-sm md:btn-md"
+                                    >
+                                        ❯
+                                    </a>
+                                </div>
+                            </div>
+                        ))
+                    }
+                </div>
            </section>
+        </div>
+    </div>
 </Layout>