Hugging Face's logo

Spaces:
nkjoy
/
softfetch-pro-premium-software-hub
Running

App Files Community
softfetch-pro-premium-software-hub / index.html
nkjoy's picture
nkjoy
전체 ν•œκ΅­μ–΄λ‘œ
9cbdeca verified
raw
history blame contribute delete
12.3 kB
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>SoftFetch Pro - 프리미엄 μ†Œν”„νŠΈμ›¨μ–΄ ν—ˆλΈŒ</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
 <script src="https://cdn.tailwindcss.com"></script>
 <script src="https://unpkg.com/feather-icons"></script>
 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
 <link rel="stylesheet" href="style.css">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@700;800;900&display=swap" rel="stylesheet">
 <script src="components/navbar.js"></script>
 <script src="components/software-card.js"></script>
 <script src="components/footer.js"></script>
 <script>
 tailwind.config = {
 theme: {
 extend: {
 fontFamily: {
 'inter': ['Inter', 'sans-serif'],
 'poppins': ['Poppins', 'sans-serif']
 },
 colors: {
 'primary': '#6366f1',
 'primary-dark': '#4f46e5',
 'secondary': '#10b981',
 'dark': '#0f172a',
 'darker': '#0a0f1c',
 'light': '#f8fafc'
 },
 animation: {
 'float': 'float 6s ease-in-out infinite',
 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
 'shine': 'shine 3s ease-in-out infinite alternate',
 'button-glow': 'button-glow 2s ease-in-out infinite alternate',
 'slide-in': 'slide-in 0.5s ease-out'
 }
 }
 }
 }
 </script>
</head>
<body class="bg-darker text-gray-300 font-inter">
 <custom-navbar></custom-navbar>
<main class="pt-24 pb-20 px-4 md:px-8 lg:px-16">
 <!-- Hero Section -->
 <section class="max-w-7xl mx-auto mb-16 text-center">
 <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-dark via-darker to-primary/20 p-8 md:p-12 lg:p-16 border border-gray-800 shadow-2xl">
 <div class="absolute -top-24 -right-24 w-64 h-64 bg-primary/10 rounded-full blur-3xl"></div>
 <div class="absolute -bottom-24 -left-24 w-64 h-64 bg-secondary/10 rounded-full blur-3xl"></div>
<div class="relative z-10">
 <h1 class="text-4xl md:text-6xl lg:text-7xl font-poppins font-black mb-6 text-transparent bg-clip-text bg-gradient-to-r from-primary via-purple-400 to-secondary animate-shine">
 프리미엄 μ†Œν”„νŠΈμ›¨μ–΄ ν—ˆλΈŒ
 </h1>
 <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto text-gray-400">
 프리미엄 κΈ°λŠ₯을 κ°–μΆ˜ 독점 μ†Œν”„νŠΈμ›¨μ–΄λ₯Ό λ°œκ²¬ν•˜μ„Έμš”. λͺ¨λ“  λ‹€μš΄λ‘œλ“œλŠ” κ²€μ¦λ˜μ—ˆμœΌλ©° μ¦‰μ‹œ 이용 κ°€λŠ₯ν•©λ‹ˆλ‹€.
 </p>
<div class="flex flex-wrap justify-center gap-4">
 <a href="#software-grid" class="btn-primary px-8 py-4 text-lg font-semibold rounded-2xl flex items-center gap-3 group">
 <span>μ†Œν”„νŠΈμ›¨μ–΄ 탐색</span>
<i data-feather="arrow-down" class="group-hover:translate-y-1 transition-transform"></i>
 </a>
 <a href="#" class="btn-secondary px-8 py-4 text-lg font-semibold rounded-2xl flex items-center gap-3">
 <i data-feather="shield"></i>
 <span>κ²€μ¦λœ λ‹€μš΄λ‘œλ“œ</span>
</a>
 </div>
 </div>
 </div>
 </section>
<!-- Stats Section -->
 <section class="max-w-7xl mx-auto mb-16">
 <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
 <div class="stat-card bg-dark/50 border border-gray-800 rounded-2xl p-6 backdrop-blur-sm">
 <div class="flex items-center gap-4">
 <div class="w-14 h-14 rounded-xl bg-primary/20 flex items-center justify-center">
 <i data-feather="download" class="text-primary w-8 h-8"></i>
 </div>
 <div>
 <h3 class="text-3xl font-bold text-white">14+</h3>
 <p class="text-gray-400">프리미엄 μ†Œν”„νŠΈμ›¨μ–΄</p>
 </div>
 </div>
 </div>
 <div class="stat-card bg-dark/50 border border-gray-800 rounded-2xl p-6 backdrop-blur-sm">
 <div class="flex items-center gap-4">
 <div class="w-14 h-14 rounded-xl bg-secondary/20 flex items-center justify-center">
 <i data-feather="check-circle" class="text-secondary w-8 h-8"></i>
 </div>
 <div>
 <h3 class="text-3xl font-bold text-white">100%</h3>
 <p class="text-gray-400">κ²€μ¦λœ μ•ˆμ „μ„±</p>
 </div>
 </div>
 </div>
 <div class="stat-card bg-dark/50 border border-gray-800 rounded-2xl p-6 backdrop-blur-sm">
 <div class="flex items-center gap-4">
 <div class="w-14 h-14 rounded-xl bg-purple-500/20 flex items-center justify-center">
 <i data-feather="zap" class="text-purple-400 w-8 h-8"></i>
 </div>
 <div>
 <h3 class="text-3xl font-bold text-white">μ¦‰μ‹œ</h3>
 <p class="text-gray-400">직접 λ‹€μš΄λ‘œλ“œ</p>
 </div>
 </div>
 </div>
</div>
 </section>
<!-- Software Grid -->
 <section id="software-grid" class="max-w-7xl mx-auto">
 <div class="mb-10 text-center">
 <h2 class="text-3xl md:text-4xl font-poppins font-bold mb-4 text-white">μ£Όμš” μ†Œν”„νŠΈμ›¨μ–΄ μ»¬λ ‰μ…˜</h2>
 <p class="text-gray-400 max-w-2xl mx-auto">ν–₯μƒλœ κΈ°λŠ₯κ³Ό μ„±λŠ₯을 κ°–μΆ˜ 프리미엄 μ†Œν”„νŠΈμ›¨μ–΄μ˜ μ„ λ³„λœ λͺ¨μŒμž…λ‹ˆλ‹€.</p>
 </div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
 <!-- Software cards will be dynamically inserted here -->
 </div>
 </section>
<!-- CTA Section -->
 <section class="max-w-4xl mx-auto mt-20 text-center">
 <div class="relative overflow-hidden rounded-3xl bg-gradient-to-r from-primary/20 via-dark to-secondary/20 p-10 border border-gray-800">
 <div class="absolute -top-10 -left-10 w-40 h-40 bg-primary/10 rounded-full blur-2xl"></div>
 <div class="absolute -bottom-10 -right-10 w-40 h-40 bg-secondary/10 rounded-full blur-2xl"></div>
 <div class="relative z-10">
 <h2 class="text-3xl md:text-4xl font-poppins font-bold mb-6 text-white">κ²½ν—˜μ„ μ—…κ·Έλ ˆμ΄λ“œν•  μ€€λΉ„κ°€ λ˜μ…¨λ‚˜μš”?</h2>
 <p class="text-xl mb-8 text-gray-300 max-w-2xl mx-auto">
 수천 λͺ…μ˜ μ‚¬μš©μžλ“€μ΄ 우리의 프리미엄 μ†Œν”„νŠΈμ›¨μ–΄ μ»¬λ ‰μ…˜μœΌλ‘œ μ›Œν¬ν”Œλ‘œμš°λ₯Ό ν–₯μƒμ‹œμΌ°μŠ΅λ‹ˆλ‹€.
 </p>
 <a href="#" class="btn-glow px-10 py-5 text-xl font-bold rounded-2xl inline-flex items-center gap-3">
 <i data-feather="star"></i>
 <span>λͺ¨λ“  프리미엄 μ•‘μ„ΈμŠ€ μ–»κΈ°</span>
 </a>
 </div>
</div>
 </section>
 </main>
<custom-footer></custom-footer>
<script src="script.js"></script>
 <script>
 feather.replace();
// Initialize software cards
 document.addEventListener('DOMContentLoaded', function() {
 const softwareData = [
 { name: "Arturia Pigments 7.0.0", category: "μŒμ•… μ œμž‘", url: "https://ko.taiwebs.com/windows/download-arturia-pigments-8272.html", version: "7.0.0", seed: 8272 },
 { name: "BeeCut 1.7.11.6", category: "λΉ„λ””μ˜€ νŽΈμ§‘", url: "https://ko.taiwebs.com/windows/download-beecut-4660.html", version: "1.7.11.6", seed: 4660 },
 { name: "Digiarty Aiarty Video Enhancer 3.3", category: "AI 도ꡬ", url: "https://ko.taiwebs.com/windows/download-digiarty-aiarty-video-enhancer-13862.html", version: "3.3", seed: 13862 },
 { name: "4K Video Downloader Plus 25.4.4", category: "μœ ν‹Έλ¦¬ν‹°", url: "https://ko.taiwebs.com/windows/download-4k-video-downloader-617.html", version: "25.4.4", seed: 617 },
 { name: "iFoneTool EasyDown 2.3.0", category: "iOS 도ꡬ", url: "https://ko.taiwebs.com/windows/download-ifonetool-easydown-14405.html", version: "2.3.0", seed: 14405 },
 { name: "RyTuneX 1.5.2", category: "μ‹œμŠ€ν…œ 도ꡬ", url: "https://ko.taiwebs.com/windows/download-rytunex-11852.html", version: "1.5.2", seed: 11852 },
 { name: "Wondershare Recoverit 14.0.11.7", category: "데이터 볡ꡬ", url: "https://ko.taiwebs.com/windows/download-wondershare-recoverits-374.html", version: "14.0.11.7", seed: 374 },
 { name: "Gilisoft AI Toolkit 10.6", category: "AI 도ꡬ", url: "https://ko.taiwebs.com/windows/download-gilisoft-ai-toolkit-9520.html", version: "10.6", seed: 9520 },
 { name: "Leawo iOS Data Recovery 3.4.2.0", category: "iOS 도ꡬ", url: "https://ko.taiwebs.com/windows/download-leawo-ios-data-recovery-5628.html", version: "3.4.2.0", seed: 5628 },
 { name: "Apeaksoft iOS Toolkit 1.1.70", category: "iOS 도ꡬ", url: "https://ko.taiwebs.com/windows/download-apeaksoft-ios-toolkit-554.html", version: "1.1.70", seed: 554 },
 { name: "PVS-Studio 7.40.101452.2093", category: "개발", url: "https://ko.taiwebs.com/windows/download-pvs-studio-1480.html", version: "7.40.101452.2093", seed: 1480 },
 { name: "CyberLink PerfectCam Premium 2.3.7821.0", category: "λΉ„λ””μ˜€ 도ꡬ", url: "https://ko.taiwebs.com/windows/download-cyberlink-perfectcam-premium-375.html", version: "2.3.7821.0", seed: 375 },
 { name: "MakeMusic Finale 27.4.1.110", category: "μŒμ•… μ œμž‘", url: "https://ko.taiwebs.com/windows/download-makemusic-finale-1025.html", version: "27.4.1.110", seed: 1025 },
 { name: "Soundify Vocal Remover 1.2.7", category: "μ˜€λ””μ˜€ 도ꡬ", url: "https://ko.taiwebs.com/windows/download-soundify-vocal-remover-12737.html", version: "1.2.7", seed: 12737 },
 { name: "Bootstrap Studio 7.1.2", category: "개발", url: "https://ko.taiwebs.com/windows/download-bootstrap-studio-2053.html", version: "7.1.2", seed: 2053 },
 { name: "Autodesk VRED Design 2022.3", category: "3D λ””μžμΈ", url: "https://ko.taiwebs.com/windows/download-autodesk-vred-design-1437.html", version: "2022.3", seed: 1437 },
 { name: "Unity Pro 2020 2.7f1", category: "κ²Œμž„ 개발", url: "https://ko.taiwebs.com/windows/download-unity-3d-professional-775.html", version: "2020 2.7f1", seed: 775 }
 ];
const gridContainer = document.querySelector('#software-grid .grid');
softwareData.forEach(software => {
 const card = document.createElement('software-card');
 card.setAttribute('name', software.name);
 card.setAttribute('category', software.category);
 card.setAttribute('url', software.url);
 card.setAttribute('version', software.version);
 card.setAttribute('seed', software.seed);
 gridContainer.appendChild(card);
 });
 });
 </script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>