diff --git a/app/(pages)/home/(components)/example-1/example.module.scss b/app/(pages)/home/(components)/example-1/example.module.scss
deleted file mode 100644
index db453f9..0000000
--- a/app/(pages)/home/(components)/example-1/example.module.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-.example {
-  position: fixed;
-  height: 100vh;
-  width: 100vw;
-  padding-bottom: 2vh;
-
-  .item {
-    position: absolute;
-    inset: 0;
-    width: fit-content;
-    height: fit-content;
-    color: var(--theme-primary);
-    background-color: var(--theme-secondary);
-    will-change: transform;
-    user-select: none;
-    touch-action: none;
-
-    @include desktop {
-      padding: desktop-vw(12px);
-      border-radius: desktop-vw(8px);
-    }
-
-    > * {
-      touch-action: none;
-    }
-
-    &.bounce {
-      background-color: var(--white);
-      color: var(--theme-secondary);
-    }
-  }
-}
diff --git a/app/(pages)/home/(components)/example-1/index.js b/app/(pages)/home/(components)/example-1/index.js
deleted file mode 100644
index df03458..0000000
--- a/app/(pages)/home/(components)/example-1/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client'
-
-import Elastica, {
-  AxisAlignedBoundaryBox,
-  initalConditionsPresets,
-  updatePresets,
-} from '@darkroom.engineering/elastica/react'
-import s from './example.module.scss'
-
-export function Example1() {
-  return (
-    <section className={s.example}>
-      <Elastica
-        showHashGrid
-        config={{
-          gridSize: 3,
-          collisions: true,
-          borders: 'rigid',
-        }}
-        initialCondition={initalConditionsPresets.random}
-        update={updatePresets.dvdScreenSaver}
-      >
-        {[{ name: 'DVD' }].map(({ name }, index) => (
-          <AxisAlignedBoundaryBox key={index} className={s.item}>
-            {name}
-          </AxisAlignedBoundaryBox>
-        ))}
-      </Elastica>
-    </section>
-  )
-}