ART Coaching (아트 코칭 & 스피드부자클럽)/title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;600;700&display=swap" rel="stylesheet"> <style> body { font-family: 'Pretendard', sans-serif; background-color: #0c0a09; color: #f5f5f4; } .gold-gradient { background: linear-gradient(135deg, #d4af37 0%, #aa771c 100%); } .gold-text { background: linear-gradient(135deg, #f3e5ab 0%, #d4af37 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .glass-card { background: rgba(26, 26, 26, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(212, 175, 55, 0.2); } </style> </head> <body class="antialiased selection:bg-amber-500 selection:text-black">  <header class="fixed top-0 left-0 right-0 z-50 glass-card border-b border-amber-900/30"> <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between"> <div class="flex items-center space-x-3"> <span class="text-2xl font-bold tracking-wider gold-text">ART ON TOK</span> <span class="text-xs uppercase px-2 py-0.5 rounded bg-amber-500/20 text-amber-300 border border-amber-500/30">Art Coaching</span> </div> <nav class="hidden md:flex items-center space-x-8 text-sm font-medium text-stone-300"> <a href="#about" class="hover:text-amber-400 transition">아트코칭 소개</a> <a href="#programs" class="hover:text-amber-400 transition">프로그램</a> <a href="#speedclub" class="hover:text-amber-400 transition">스피드부자클럽</a> <a href="#news" class="hover:text-amber-400 transition">아트뉴스</a> </nav> <div> <a href="#contact" class="gold-gradient text-black font-semibold px-5 py-2.5 rounded-full text-sm shadow-lg hover:opacity-90 transition"> 상담 신청하기 </a> </div> </div> </header>  <section class="pt-32 pb-20 md:pt-44 md:pb-32 px-6 relative overflow-hidden"> <div class="absolute inset-0 opacity-10 bg-[radial-gradient(#d4af37_1px,transparent_1px)] [background-size:16px_16px]"></div> <div class="max-w-5xl mx-auto text-center relative z-10"> 예술적 통찰과 부의 추월차선이 만나는 곳<br> <h1 class="text-4xl md:text-6xl font-bold tracking-tight mt-4 mb-6 leading-tight"> 당신의 시선을 예술로 바꾸고<br><span class="gold-text">부의 가치를 완성하다</span> </h1> <p class="text-lg md:text-xl text-stone-400 max-w-2xl mx-auto mb-10"> 아트 코칭은 아트컬렉팅, 영리치를 위한 아트코칭, 그리고 스피드부자클럽을 통해 당신의 삶과 자산을 차원 높게 성장시킵니다. </p> <div class="flex flex-col sm:flex-row justify-center gap-4"> <a href="#programs" class="gold-gradient text-black font-bold px-8 py-4 rounded-xl shadow-xl hover:scale-105 transition">시그니처 코칭 알아보기</a> <a href="#speedclub" class="glass-card text-amber-300 px-8 py-4 rounded-xl hover:bg-stone-800 transition">스피드부자클럽 가입</a> </div> </div> </section>  <section id="programs" class="py-20 px-6 bg-stone-900/50"> <div class="max-w-7xl mx-auto"> <div class="text-center mb-16"> <h2 class="text-3xl md:text-4xl font-bold mb-3">Core Programs</h2> <p class="text-stone-400">엄선된 전문성과 노하우를 담은 아트 온 톡의 대표 프로그램입니다.</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="glass-card p-8 rounded-2xl relative group hover:border-amber-400/50 transition"> <div class="text-amber-400 text-xl font-bold mb-4">01. Art Insight Coaching</div> <h3 class="text-xl font-semibold mb-3">하이엔드 아트코칭</h3> <p class="text-stone-400 text-sm leading-relaxed">예술 시장의 흐름을 읽고 나만의 안목을 기르는 1:1 맞춤형 컨설팅 및 프라이빗 세션.</p> </div> <div class="glass-card p-8 rounded-2xl relative group hover:border-amber-400/50 transition"> <div class="text-amber-400 text-xl font-bold mb-4">02. Art Dealer Academy</div> <h3 class="text-xl font-semibold mb-3">아트딜러 전문가 과정</h3> <p class="text-stone-400 text-sm leading-relaxed">작품 감정부터 유통, 컬렉터 네트워킹까지 아트 비즈니스의 실전 역량을 마스터합니다.</p> </div> <div class="glass-card p-8 rounded-2xl relative group hover:border-amber-400/50 transition"> <div class="text-amber-400 text-xl font-bold mb-4">03. Speed Rich Club</div> <h3 class="text-xl font-semibold mb-3">스피드부자클럽</h3> <p class="text-stone-400 text-sm leading-relaxed">자산 형성의 속도를 높이는 부의 시크릿과 트렌드 리포트를 공유하는 프라이빗 클럽.</p> </div> </div> </div> </section>  <footer class="py-12 px-6 border-t border-stone-800 text-center text-stone-500 text-sm"> <p>© 2026 ART ON TOK. All Rights Reserved. Hosted with Hostinger.</p> </footer> </body> </html>