diff --git a/Website About/OLD/assets/audio/preview.mp3 b/Website About/OLD/assets/audio/preview.mp3
new file mode 100644
index 0000000..d47ba6c
Binary files /dev/null and b/Website About/OLD/assets/audio/preview.mp3 differ
diff --git a/Website About/OLD/assets/images/favicon.ico b/Website About/OLD/assets/images/favicon.ico
new file mode 100644
index 0000000..dd2af50
Binary files /dev/null and b/Website About/OLD/assets/images/favicon.ico differ
diff --git a/Website About/OLD/assets/images/logo.png b/Website About/OLD/assets/images/logo.png
new file mode 100644
index 0000000..ae905a0
Binary files /dev/null and b/Website About/OLD/assets/images/logo.png differ
diff --git a/Website About/OLD/index.html b/Website About/OLD/index.html
new file mode 100644
index 0000000..27906d1
--- /dev/null
+++ b/Website About/OLD/index.html	
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
+    <script src="https://cdn.lordicon.com/lordicon.js"></script>
+    <title>ErikrafT Drop</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        }
+        
+        body {
+            background: linear-gradient(145deg, #2d88ff, #1a4f94);
+            min-height: 100vh;
+            padding: 2rem 1rem;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        
+        .container {
+            width: 100%;
+            max-width: 500px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 1.5rem;
+        }
+        
+        .logo {
+            width: 90px;
+            height: 90px;
+            border-radius: 20px;
+            background-color: #2d88ff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+            overflow: hidden;
+            margin-bottom: 1rem;
+        }
+        
+        .logo img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        h1 {
+            color: white;
+            font-size: 2rem;
+            font-weight: 700;
+            text-align: center;
+            margin-bottom: 0.5rem;
+        }
+        
+        .subtitle {
+            color: rgba(255, 255, 255, 0.8);
+            font-size: 1rem;
+            text-align: center;
+            margin-bottom: 1rem;
+        }
+        
+        .audio-player {
+            width: 100%;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 16px;
+            padding: 1.5rem;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            backdrop-filter: blur(10px);
+            margin-bottom: 1rem;
+        }
+        
+        .player-title {
+            color: white;
+            margin-bottom: 1rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+        
+        .player-title svg {
+            width: 20px;
+            height: 20px;
+        }
+        
+        .audio-controls {
+            display: flex;
+            flex-direction: column;
+            gap: 1rem;
+        }
+        
+        .progress-container {
+            width: 100%;
+            height: 6px;
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 3px;
+            overflow: hidden;
+            cursor: pointer;
+        }
+        
+        .progress-bar {
+            height: 100%;
+            background: white;
+            width: 0;
+            border-radius: 3px;
+            transition: width 0.1s linear;
+        }
+        
+        .time-controls {
+            display: flex;
+            justify-content: space-between;
+            color: rgba(255, 255, 255, 0.8);
+            font-size: 0.8rem;
+        }
+        
+        .buttons {
+            display: flex;
+            justify-content: center;
+            gap: 1.5rem;
+            margin-top: 1rem;
+        }
+        
+        .play-button {
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            background: white;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+        }
+        
+        .play-button svg {
+            width: 20px;
+            height: 20px;
+            fill: #2d88ff;
+        }
+        
+        .access-button {
+            width: 100%;
+            background: white;
+            color: #2d88ff;
+            border: none;
+            border-radius: 12px;
+            padding: 1rem;
+            font-size: 1rem;
+            font-weight: 600;
+            cursor: pointer;
+            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
+            transition: all 0.2s ease;
+        }
+        
+        .access-button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+        }
+        
+        .access-button:active {
+            transform: translateY(0);
+        }
+        
+        .social-links {
+            display: flex;
+            gap: 1.5rem;
+            margin-top: 2rem;
+        }
+        
+        .social-icon {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background: rgba(255, 255, 255, 0.1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            transition: all 0.2s ease;
+        }
+        
+        .social-icon:hover {
+            background: rgba(255, 255, 255, 0.2);
+            transform: translateY(-2px);
+        }
+        
+        .social-icon svg {
+            width: 20px;
+            height: 20px;
+            fill: white;
+        }
+        
+        .footer {
+            color: rgba(255, 255, 255, 0.6);
+            font-size: 0.8rem;
+            margin-top: 2rem;
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="logo">
+            <img src="./assets/images/logo.png" alt="ErikrafT Drop Logo">
+        </div>
+        
+        <h1>ErikrafT Drop</h1>
+        <p class="subtitle"> <lord-icon src="https://cdn.lordicon.com/xpgofwru.json" trigger="loop" colors="primary:#ffffff" delay="2000" style="width:20px;height:20px"></lord-icon> A maneira mais fácil de transferir arquivos entre dispositivos</p>
+        
+        <div class="audio-player">
+            <div class="player-title">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M9 18V5l12-2v13"></path>
+                    <circle cx="6" cy="18" r="3"></circle>
+                    <circle cx="18" cy="16" r="3"></circle>
+                </svg>
+                <span>Ouvir prévia</span>
+            </div>
+            
+            <div class="audio-controls">
+                <div class="progress-container" id="progress-container">
+                    <div class="progress-bar" id="progress-bar"></div>
+                </div>
+                
+                <div class="time-controls">
+                    <span id="current-time">00:00</span>
+                    <span id="duration">00:00</span>
+                </div>
+                
+                <div class="buttons">
+                    <div class="play-button" id="play-button">
+                <lord-icon
+                    src="https://cdn.lordicon.com/becebamh.json"
+                    trigger="click"
+                    colors="primary:#2d87ff"
+                    style="width:40px;height:40px">
+                </lord-icon>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+<button
+  class="access-button"
+  onclick="location.href='https://drop.erikraft.com/'"
+>
+  <lord-icon
+    src="https://cdn.lordicon.com/wmwqvixz.json"
+    trigger="loop"
+    delay="2000"
+    colors="primary:#2d87ff"
+    style="width:24px;height:24px">
+  </lord-icon>
+  Acessar Site
+</button>
+                </div>
+        
+        <div class="footer">
+            © 2025 ErikrafT Drop • Todos os direitos reservados
+        </div>
+    </div>
+
+    <audio id="audio-element" style="display: none;">
+        <source src="assets/audio/preview.mp3" type="audio/mpeg">
+        Your browser does not support the audio element.
+    </audio>
+
+    <script>
+    const audio = document.getElementById('audio-element');
+    const playButton = document.getElementById('play-button');
+    const progressBar = document.getElementById('progress-bar');
+    const progressContainer = document.getElementById('progress-container');
+    const currentTimeElement = document.getElementById('current-time');
+    const durationElement = document.getElementById('duration');
+
+    audio.addEventListener('loadedmetadata', () => {
+        durationElement.textContent = formatTime(audio.duration);
+    });
+
+    audio.addEventListener('timeupdate', () => {
+        const progressPercent = (audio.currentTime / audio.duration) * 100;
+        progressBar.style.width = `${progressPercent}%`;
+        currentTimeElement.textContent = formatTime(audio.currentTime);
+    });
+
+    progressContainer.addEventListener('click', (e) => {
+        const width = progressContainer.clientWidth;
+        const clickX = e.offsetX;
+        const duration = audio.duration;
+        audio.currentTime = (clickX / width) * duration;
+    });
+
+    playButton.addEventListener('click', () => {
+        if (audio.paused) {
+            audio.play();
+        } else {
+            audio.pause();
+        }
+    });
+
+    function formatTime(seconds) {
+        const minutes = Math.floor(seconds / 60);
+        const secs = Math.floor(seconds % 60);
+        return `${String(minutes).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
+    }
+
+    // Corrige botão de acesso
+    const accessButton = document.querySelector('.access-button');
+    accessButton.addEventListener('click', () => {
+        window.location.href = "https://drop.erikraft.com/";
+    });
+    </script>
+</body>
+</html>
\ No newline at end of file
