AURORA - Essential MIDI & Loop Pack
AURORA COMPLETE MIDI & LOOP PRODUCTION KIT 50 FILES 100% ROYALTY FREE ALL DAWS WHAT'S INCLUDED πΉ 20 MELODIC LOOPS Professional mixed audio loops ready to use. Key & BPM labeled. WA V format for maximum quality. π 20 MATCHING MIDIS Full creative freedom. Edit notes, change instruments, adjust velocity. Make it yours. π₯ 10 HI-HAT PATTERNS MIDI rhythm patterns. From simple grooves to complex rolls. Layer with any drums. β‘ INSTANT ACCESS Download immediately after purchase. No waiting, no hassle. Start creating in seconds. WORKS WITH ANY GENRE TRAP DRILL HIP HOP R&B POP AFROBEAT PLUGGNB JERSEY CLUB RAGE HOUSE β COMPATIBLE WITH FL STUDIO, ABLETON, LOGIC, PRO TOOLS & ALL DAWS β 100% ROYALTY-FREE β KEEP ALL YOUR EARNINGS FROM SALES & STREAMS β COMMERCIAL USE ALLOWED β USE IN BEATS, SONGS & CLIENT WORK β INSTANT DOWNLOAD β ACCESS YOUR FILES IMMEDIATELY β LIFETIME ACCESS β DOWNLOAD ANYTIME, NO EXPIRATION " PROFESSIONAL QUALITY SOUNDS. UNLIMITED CREATIVE POSSIBILITIES. " STUDIO QUALITY β’ INSTANT DELIVERY β’ LIFETIME ACCESS @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import url('https://fonts.cdnfonts.com/css/amoira'); .product-container { background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%); border: 3px solid; border-image: linear-gradient(45deg, #667eea 0%, #764ba2 50%, #f093fb 100%) 1; border-radius: 24px; padding: 50px 40px; color: white; font-family: 'Bebas Neue', sans-serif; max-width: 900px; margin: 30px auto; box-shadow: 0 0 60px rgba(102, 126, 234, 0.4), 0 0 100px rgba(118, 75, 162, 0.2); position: relative; overflow: hidden; } .product-container::before { content: ''; position: absolute; top: -50%; right: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%); pointer-events: none; animation: pulse 8s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } .product-header { text-align: center; margin-bottom: 30px; position: relative; z-index: 1; } .product-title { font-family: 'Amoira', 'Bebas Neue', sans-serif; font-size: 84px; letter-spacing: 20px; margin: 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientShift 4s ease infinite, titleGlow 3s ease-in-out infinite; filter: drop-shadow(0 0 20px rgba(118, 75, 162, 0.8)); } @keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes titleGlow { 0%, 100% { filter: drop-shadow(0 0 20px rgba(118, 75, 162, 0.8)); } 50% { filter: drop-shadow(0 0 40px rgba(102, 126, 234, 1)); } } .product-subtitle { color: #c7b8ea; letter-spacing: 4px; margin-top: 10px; font-size: 18px; } .product-divider { height: 2px; background: linear-gradient(90deg, transparent, #667eea 20%, #f093fb 50%, #764ba2 80%, transparent); margin: 35px auto; width: 90%; box-shadow: 0 0 15px rgba(102, 126, 234, 0.6); } /* Stats Bar */ .stats-bar { display: flex; justify-content: space-around; margin: 30px 0; padding: 20px; background: rgba(102, 126, 234, 0.1); border-radius: 12px; border: 1px solid rgba(118, 75, 162, 0.4); } .stat-item { text-align: center; } .stat-number { display: block; font-size: 36px; background: linear-gradient(135deg, #667eea, #f093fb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; margin-bottom: 5px; } .stat-label { font-size: 14px; color: #c7b8ea; letter-spacing: 2px; } /* Section Title */ .section-title { font-size: 32px; letter-spacing: 6px; text-align: center; color: #fff; margin: 30px 0 25px; position: relative; } .section-title::after { content: ''; display: block; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #f093fb); margin: 10px auto 0; box-shadow: 0 0 15px rgba(240, 147, 251, 0.8); } /* Content Grid */ .content-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 30px 0; } .content-card { background: rgba(102, 126, 234, 0.05); border: 2px solid rgba(118, 75, 162, 0.3); padding: 30px 25px; border-radius: 16px; transition: all 0.3s ease; text-align: center; position: relative; overflow: hidden; } .content-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(240, 147, 251, 0.15), transparent); transition: 0.5s; } .content-card:hover::before { left: 100%; } .content-card:hover { border-color: #f093fb; background: rgba(118, 75, 162, 0.12); transform: translateY(-5px); box-shadow: 0 15px 40px rgba(240, 147, 251, 0.3); } .card-icon { font-size: 40px; display: block; margin-bottom: 15px; } .content-card h3 { font-size: 22px; margin: 0 0 12px 0; color: #fff; letter-spacing: 2px; } .content-card p { font-size: 14px; color: #8899a6; margin: 0; line-height: 1.6; letter-spacing: 0.5px; font-family: Arial, sans-serif; } /* Tags */ .tags-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 25px 0; } .tag { background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15)); border: 1px solid; border-image: linear-gradient(45deg, #667eea, #f093fb) 1; padding: 8px 20px; border-radius: 25px; font-size: 14px; letter-spacing: 2px; color: #f093fb; transition: 0.3s; position: relative; overflow: hidden; } .tag::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(240, 147, 251, 0.3); transform: translate(-50%, -50%); transition: width 0.4s, height 0.4s; } .tag:hover::before { width: 200%; height: 200%; } .tag:hover { transform: scale(1.08); box-shadow: 0 5px 20px rgba(240, 147, 251, 0.4); } /* Features List */ .features-list { margin: 25px 0; } .feature-item { display: flex; align-items: center; padding: 15px 20px; margin: 10px 0; background: rgba(102, 126, 234, 0.08); border-left: 4px solid; border-image: linear-gradient(180deg, #667eea, #f093fb) 1; border-radius: 8px; transition: 0.3s; } .feature-item:hover { background: rgba(118, 75, 162, 0.15); padding-left: 30px; box-shadow: 0 5px 20px rgba(240, 147, 251, 0.2); } .check-icon { color: #f093fb; font-size: 24px; margin-right: 15px; font-weight: bold; } .feature-item span:last-child { font-size: 16px; letter-spacing: 1.5px; color: #fff; } /* Quote Section */ .quote-section { text-align: center; margin: 35px 0; position: relative; padding: 30px; } .quote-mark { font-size: 60px; background: linear-gradient(135deg, #667eea, #f093fb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.5; line-height: 0; } .quote-text { font-size: 24px; letter-spacing: 3px; background: linear-gradient(135deg, #fff 0%, #f093fb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 20px 0; font-style: italic; } /* Footer Badge */ .footer-badge { text-align: center; font-size: 14px; letter-spacing: 3px; background: linear-gradient(135deg, #667eea, #764ba2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 20px; background-color: rgba(102, 126, 234, 0.1); border-radius: 10px; border: 1px solid rgba(240, 147, 251, 0.4); margin-top: 30px; position: relative; overflow: hidden; } .footer-badge::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(240, 147, 251, 0.2), transparent); animation: shine 3s infinite; } @keyframes shine { to { left: 100%; } } /* Responsive */ @media (max-width: 768px) { .product-container { padding: 30px 20px; } .product-title { font-size: 48px; letter-spacing: 8px; } .content-grid { grid-template-columns: 1fr; } .stats-bar { flex-direction: column; gap: 20px; } }