diff --git a/v3/src/pages/ar/index.astro b/v3/src/pages/ar/index.astro
index e8106151..41c9d405 100644
--- a/v3/src/pages/ar/index.astro
+++ b/v3/src/pages/ar/index.astro
@@ -46,10 +46,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/de/index.astro b/v3/src/pages/de/index.astro
index 0bf1b379..2e5a84e0 100644
--- a/v3/src/pages/de/index.astro
+++ b/v3/src/pages/de/index.astro
@@ -50,10 +50,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/es/index.astro b/v3/src/pages/es/index.astro
index 6caf9945..607507f2 100644
--- a/v3/src/pages/es/index.astro
+++ b/v3/src/pages/es/index.astro
@@ -46,10 +46,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/fr/index.astro b/v3/src/pages/fr/index.astro
index 728acf89..5c82bb60 100644
--- a/v3/src/pages/fr/index.astro
+++ b/v3/src/pages/fr/index.astro
@@ -46,10 +46,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/index.astro b/v3/src/pages/index.astro
index 4caf938b..d8b28f8f 100644
--- a/v3/src/pages/index.astro
+++ b/v3/src/pages/index.astro
@@ -47,10 +47,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/it/index.astro b/v3/src/pages/it/index.astro
index faa2c519..33d43aaa 100644
--- a/v3/src/pages/it/index.astro
+++ b/v3/src/pages/it/index.astro
@@ -46,10 +46,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/ja/index.astro b/v3/src/pages/ja/index.astro
index 499b3c16..562f4b1d 100644
--- a/v3/src/pages/ja/index.astro
+++ b/v3/src/pages/ja/index.astro
@@ -45,10 +45,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/ko/index.astro b/v3/src/pages/ko/index.astro
index 7dac6036..bfad8a8b 100644
--- a/v3/src/pages/ko/index.astro
+++ b/v3/src/pages/ko/index.astro
@@ -45,10 +45,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/pt/index.astro b/v3/src/pages/pt/index.astro
index 00907443..f2ebf6bf 100644
--- a/v3/src/pages/pt/index.astro
+++ b/v3/src/pages/pt/index.astro
@@ -46,10 +46,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/zh-cn/index.astro b/v3/src/pages/zh-cn/index.astro
index 94cdc0c1..fc4f80b1 100644
--- a/v3/src/pages/zh-cn/index.astro
+++ b/v3/src/pages/zh-cn/index.astro
@@ -46,10 +46,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>
diff --git a/v3/src/pages/zh-tw/index.astro b/v3/src/pages/zh-tw/index.astro
index 28a6ec1b..96d30872 100644
--- a/v3/src/pages/zh-tw/index.astro
+++ b/v3/src/pages/zh-tw/index.astro
@@ -45,10 +45,10 @@ const metadata = {
       <br /><br />
       <Carousel
         list={[
-          { src: '/remote.jpg', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/main.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/console.png', className: 'rounded-[15px] border border-gray-700' },
-          { src: '/custom.png', className: 'rounded-[15px] border border-gray-700' },
+          { src: '/remote.jpg', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/main.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/console.png', class: 'rounded-[15px] border border-gray-700' },
+          { src: '/custom.png', class: 'rounded-[15px] border border-gray-700' },
         ]}
       />
     </Fragment>