Spaces:

openfree
/

agi

Running

App Files Files Community

agi / index.html

openfree

Update index.html

59f0c44 verified about 1 month ago

raw

history blame contribute delete

36.8 kB

	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>OpenFree AI - AGI 개발 선도 커뮤니티</title>
	<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🤗</text></svg>">
	<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=Noto+Sans+KR:wght@300;400;500;600;700&display=swap" rel="stylesheet">
	<style>
	:root{--apple-blue:#007AFF;--apple-gray-1:#F5F5F7;--apple-gray-2:#E8E8ED;--apple-gray-3:#86868B;--apple-gray-4:#1D1D1F;--apple-white:#FFF;--hf-yellow:#FFD21E;--hf-orange:#FF9D00;--agi-purple:#8B5CF6;--agi-blue:#3B82F6;--agi-cyan:#06B6D4;--agi-green:#10B981;--gradient-hf:linear-gradient(135deg,#FFD21E 0%,#FF9D00 100%);--gradient-agi:linear-gradient(135deg,#8B5CF6 0%,#3B82F6 50%,#06B6D4 100%);--shadow-md:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--shadow-xl:0 24px 60px rgba(0,0,0,.16);--shadow-glow:0 0 40px rgba(139,92,246,.3);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--transition-fast:.2s cubic-bezier(.25,.1,.25,1);--transition-smooth:.4s cubic-bezier(.25,.1,.25,1)}
	,::before,*::after{margin:0;padding:0;box-sizing:border-box}
	html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
	body{font-family:'Noto Sans KR',-apple-system,sans-serif;background:var(--apple-gray-1);color:var(--apple-gray-4);line-height:1.6;overflow-x:hidden}
	nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(0,0,0,.1);transition:var(--transition-smooth)}
	nav.scrolled{background:rgba(255,255,255,.92)}
	.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:52px}
	.nav-logo{font-size:1.25rem;font-weight:600;color:var(--apple-gray-4);text-decoration:none;display:flex;align-items:center;gap:8px}
	.nav-logo span{background:var(--gradient-agi);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
	.nav-links{display:flex;gap:32px;list-style:none}
	.nav-links a{font-size:.875rem;font-weight:400;color:var(--apple-gray-4);text-decoration:none;opacity:.8;transition:var(--transition-fast)}
	.nav-links a:hover{opacity:1}
	.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;background:var(--apple-white);position:relative;overflow:hidden}
	.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(59,130,246,.06) 0%,transparent 50%);animation:float 20s ease-in-out infinite}
	@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-2%,2%) rotate(1deg)}}
	.hero-content{position:relative;z-index:1;max-width:900px}
	.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--agi-purple);margin-bottom:16px;padding:8px 20px;background:rgba(139,92,246,.08);border-radius:100px;animation:fadeInUp .6s ease-out}
	.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px;animation:fadeInUp .6s ease-out .1s both}
	.hero-title .gradient-text{background:var(--gradient-agi);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
	.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:400;color:var(--apple-gray-3);max-width:700px;margin:0 auto 48px;line-height:1.5;animation:fadeInUp .6s ease-out .2s both}
	.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s both}
	@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
	.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:500;text-decoration:none;border-radius:100px;transition:var(--transition-smooth);cursor:pointer;border:none}
	.btn-primary{background:var(--gradient-agi);color:var(--apple-white);box-shadow:0 4px 16px rgba(139,92,246,.3)}
	.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.4)}
	.btn-secondary{background:var(--apple-gray-1);color:var(--apple-gray-4)}
	.btn-secondary:hover{background:var(--apple-gray-2);transform:translateY(-2px)}
	.section-container{max-width:1200px;margin:0 auto;padding:0 24px}
	.section-header{text-align:center;margin-bottom:60px}
	.section-eyebrow{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
	.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}
	.section-subtitle{font-size:1.125rem;color:var(--apple-gray-3);max-width:600px;margin:0 auto}
	.hf-activity{padding:120px 0;background:linear-gradient(180deg,var(--apple-white) 0%,#FFFBEB 100%);position:relative}
	.hf-activity::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,210,30,.15) 0%,transparent 60%);pointer-events:none}
	.hf-card{position:relative;background:var(--apple-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:40px}
	.hf-card-header{background:linear-gradient(135deg,#1A1A2E 0%,#2D2D44 100%);padding:40px;display:flex;align-items:center;gap:24px}
	.hf-logo{width:80px;height:80px;background:var(--gradient-hf);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;animation:pulse 3s ease-in-out infinite;box-shadow:0 0 30px rgba(255,210,30,.4)}
	@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
	.hf-header-content{flex:1}
	.hf-header-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,210,30,.2);color:var(--hf-yellow);padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:600;margin-bottom:12px}
	.hf-header-title{font-size:1.8rem;font-weight:700;color:var(--apple-white);margin-bottom:8px}
	.hf-header-subtitle{font-size:1rem;color:rgba(255,255,255,.7)}
	.hf-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--apple-gray-2)}
	.hf-stat-item{background:var(--apple-white);padding:32px 24px;text-align:center;transition:var(--transition-smooth)}
	.hf-stat-item:hover{background:linear-gradient(135deg,rgba(255,210,30,.05) 0%,rgba(255,157,0,.05) 100%)}
	.hf-stat-number{font-size:2.5rem;font-weight:700;background:var(--gradient-hf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;display:block}
	.hf-stat-label{font-size:.9rem;color:var(--apple-gray-3);display:block}
	.hf-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--apple-gray-2)}
	.hf-achievement-item{background:var(--apple-white);padding:28px 32px;display:flex;align-items:center;gap:16px;transition:var(--transition-smooth)}
	.hf-achievement-item:hover{background:linear-gradient(135deg,rgba(139,92,246,.03) 0%,rgba(59,130,246,.03) 100%)}
	.hf-achievement-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(59,130,246,.1) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
	.hf-achievement-content h4{font-size:1rem;font-weight:600;color:var(--apple-gray-4);margin-bottom:4px}
	.hf-achievement-content p{font-size:.85rem;color:var(--apple-gray-3)}
	.agi-community{padding:120px 0;background:linear-gradient(180deg,#0F0F23 0%,#1A1A2E 100%);position:relative;overflow:hidden}
	.agi-community::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(6,182,212,.1) 0%,transparent 50%);pointer-events:none}
	.agi-community .section-eyebrow{color:var(--agi-cyan)}
	.agi-community .section-title{color:var(--apple-white)}
	.agi-community .section-subtitle{color:rgba(255,255,255,.6)}
	.agi-vision-card{position:relative;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(6,182,212,.1) 100%);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:48px;margin-bottom:60px;backdrop-filter:blur(20px)}
	.agi-vision-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}
	.agi-vision-icon{width:72px;height:72px;background:var(--gradient-agi);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:var(--shadow-glow)}
	.agi-vision-title{font-size:1.75rem;font-weight:700;color:var(--apple-white)}
	.agi-vision-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(6,182,212,.2);color:var(--agi-cyan);padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;margin-top:8px}
	.agi-vision-text{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.8)}
	.agi-vision-text strong{color:var(--agi-cyan)}
	.agi-section-title{font-size:1.5rem;font-weight:700;color:var(--apple-white);text-align:center;margin-bottom:32px}
	.agi-section-title span{background:var(--gradient-agi);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
	.agi-intel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
	.agi-intel-grid.bottom-row{grid-template-columns:repeat(3,1fr);max-width:75%;margin:0 auto 60px}
	.agi-intel-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:24px 20px;text-align:center;transition:var(--transition-smooth)}
	.agi-intel-card:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.3);transform:translateY(-4px)}
	.agi-intel-icon{font-size:36px;margin-bottom:12px}
	.agi-intel-title{font-size:.95rem;font-weight:600;color:var(--apple-white);margin-bottom:8px}
	.agi-intel-desc{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.5}
	.agi-arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}
	.agi-arch-card{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(6,182,212,.1) 100%);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:32px;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}
	.agi-arch-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--agi-green),var(--agi-cyan))}
	.agi-arch-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.4);box-shadow:0 0 30px rgba(16,185,129,.2)}
	.agi-arch-card.soma::before{background:linear-gradient(90deg,#8B5CF6,#EC4899)}
	.agi-arch-card.soma{border-color:rgba(139,92,246,.2);background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(236,72,153,.1) 100%)}
	.agi-arch-card.slai::before{background:linear-gradient(90deg,#3B82F6,#06B6D4)}
	.agi-arch-card.slai{border-color:rgba(59,130,246,.2);background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(6,182,212,.1) 100%)}
	.agi-arch-card.mouse::before{background:linear-gradient(90deg,#10B981,#84CC16)}
	.agi-arch-card.mouse{border-color:rgba(16,185,129,.2);background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(132,204,22,.1) 100%)}
	.agi-arch-icon{width:64px;height:64px;margin:0 auto 16px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}
	.agi-arch-name{font-size:1.25rem;font-weight:700;color:var(--apple-white);margin-bottom:4px}
	.agi-arch-fullname{font-size:.7rem;color:rgba(255,255,255,.5);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}
	.agi-arch-desc{font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.6}
	.agi-arch-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);color:var(--agi-cyan);padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:600;margin-top:12px}
	.community-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
	.community-link{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:100px;color:var(--apple-white);text-decoration:none;font-weight:500;transition:var(--transition-smooth)}
	.community-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}
	.community-link.discord{background:linear-gradient(135deg,rgba(88,101,242,.2) 0%,rgba(88,101,242,.1) 100%);border-color:rgba(88,101,242,.3)}
	.community-link.discord:hover{box-shadow:0 0 30px rgba(88,101,242,.3)}
	.community-link.kakao{background:linear-gradient(135deg,rgba(254,229,0,.2) 0%,rgba(254,229,0,.1) 100%);border-color:rgba(254,229,0,.3)}
	.community-link.kakao:hover{box-shadow:0 0 30px rgba(254,229,0,.2)}
	.community-link-icon{font-size:24px}
	.services{padding:120px 0;background:var(--apple-gray-1)}
	.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
	.service-card{position:relative;background:var(--apple-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-smooth);text-decoration:none;color:inherit;display:block}
	.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}
	.card-visual{height:180px;display:flex;align-items:center;justify-content:center}
	.card-visual.michelin{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}
	.card-visual.stock{background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 100%)}
	.card-visual.flipbook{background:linear-gradient(135deg,#2a0845 0%,#6441a5 100%)}
	.card-visual.patent{background:linear-gradient(135deg,#0f4c75 0%,#1b262c 100%)}
	.card-visual.story{background:linear-gradient(135deg,#c94b4b 0%,#4b134f 100%)}
	.card-visual.ecommerce{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}
	.card-visual.andmore{background:linear-gradient(135deg,#232526 0%,#414345 100%)}
	.card-icon{font-size:56px;animation:pulse 3s ease-in-out infinite}
	.card-content{padding:28px}
	.card-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:100px;margin-bottom:12px}
	.card-badge.ai{background:rgba(0,122,255,.1);color:var(--apple-blue)}
	.card-badge.new{background:rgba(52,199,89,.1);color:#34C759}
	.card-badge.pdf{background:rgba(139,92,246,.1);color:var(--agi-purple)}
	.card-badge.patent{background:rgba(15,76,117,.15);color:#3282b8}
	.card-badge.story{background:rgba(201,75,75,.15);color:#c94b4b}
	.card-badge.ecom{background:rgba(17,153,142,.15);color:#11998e}
	.card-badge.more{background:rgba(65,67,69,.2);color:#888}
	.card-title{font-size:1.35rem;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}
	.card-description{font-size:.9rem;color:var(--apple-gray-3);line-height:1.6;margin-bottom:16px}
	.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
	.feature-tag{font-size:.7rem;padding:5px 10px;background:var(--apple-gray-1);border-radius:100px;color:var(--apple-gray-4)}
	.card-link{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:var(--apple-blue);transition:var(--transition-fast)}
	.service-card:hover .card-link{gap:12px}
	.service-card:hover .card-link svg{transform:translateX(4px)}
	.card-link svg{transition:var(--transition-fast)}
	.andmore-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed var(--apple-gray-2)}
	.andmore-card:hover{border-color:var(--agi-purple);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%)}
	.andmore-card .card-visual{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
	.andmore-card .card-link{color:var(--agi-purple)}
	.stats{padding:80px 0;background:var(--apple-white)}
	.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;text-align:center}
	.stat-item{display:flex;flex-direction:column;align-items:center}
	.stat-number{font-size:3rem;font-weight:700;background:var(--gradient-agi);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
	.stat-label{font-size:1rem;color:var(--apple-gray-3)}
	footer{padding:60px 0;background:var(--apple-gray-4);color:var(--apple-white)}
	.footer-container{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}
	.footer-logo{font-size:1.5rem;font-weight:600;margin-bottom:24px;background:var(--gradient-agi);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
	.footer-links{display:flex;justify-content:center;gap:32px;list-style:none;margin-bottom:24px;flex-wrap:wrap}
	.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:var(--transition-fast)}
	.footer-links a:hover{color:var(--apple-white)}
	.footer-copyright{font-size:.875rem;color:rgba(255,255,255,.5)}
	@media(max-width:1024px){.services-grid{grid-template-columns:1fr}.hf-stats-grid{grid-template-columns:repeat(2,1fr)}.hf-achievements{grid-template-columns:1fr}.agi-intel-grid{grid-template-columns:repeat(2,1fr)}.agi-intel-grid.bottom-row{grid-template-columns:repeat(3,1fr);max-width:100%}.agi-arch-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px}}
	@media(max-width:768px){.nav-links{display:none}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}.card-visual{height:150px}.hf-card-header{flex-direction:column;text-align:center}.hf-stats-grid{grid-template-columns:1fr}.agi-vision-header{flex-direction:column;text-align:center}.agi-vision-card{padding:32px 24px}.agi-intel-grid,.agi-intel-grid.bottom-row{grid-template-columns:1fr}.community-links{flex-direction:column;align-items:center}.community-link{width:100%;max-width:300px;justify-content:center}}
	@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.hf-stat-number{font-size:2rem}}
	::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--apple-gray-1)}::-webkit-scrollbar-thumb{background:var(--apple-gray-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--apple-gray-3)}
	</style>
	</head>
	<body>
	<nav id="navbar"><div class="nav-container"><a href="#" class="nav-logo"><span>OpenFree</span> AI</a><ul class="nav-links"><li><a href="#huggingface">허깅페이스</a></li><li><a href="#agi">AGI 비전</a></li><li><a href="#services">서비스</a></li><li><a href="https://discord.gg/openfreeai" target="_blank">커뮤니티</a></li></ul></div></nav>

	<section class="hero"><div class="hero-content"><div class="hero-eyebrow"><span>🧠</span> AGI 개발 선도 커뮤니티</div><h1 class="hero-title"><span class="gradient-text">OpenFree AI</span><br>AGI를 향한 여정</h1><p class="hero-subtitle">인공일반지능(AGI)의 미래를 함께 만들어가는 글로벌 커뮤니티.<br>1,300+ 모델 공개, 5,000+ 팔로워, 13,000+ 커뮤니티 멤버와 함께합니다.</p><div class="hero-cta"><a href="https://huggingface.co/openfree" target="_blank" class="btn btn-primary">🤗 Hugging Face 방문 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a><a href="https://discord.gg/openfreeai" target="_blank" class="btn btn-secondary">Discord 참여하기</a></div></div></section>

	<section class="hf-activity" id="huggingface"><div class="section-container"><div class="section-header"><p class="section-eyebrow" style="color:var(--hf-orange)">Hugging Face Activity</p><h2 class="section-title">허깅페이스 액티비티</h2><p class="section-subtitle">OpenFree AI의 오픈소스 AI 기여 현황</p></div><div class="hf-card"><div class="hf-card-header"><div class="hf-logo">🤗</div><div class="hf-header-content"><span class="hf-header-badge"><span>⭐</span> Official Contributor</span><h3 class="hf-header-title">OpenFree AI @ Hugging Face</h3><p class="hf-header-subtitle">세계적인 AI 오픈소스 플랫폼에서 활발하게 활동하는 AGI 연구 커뮤니티</p></div></div><div class="hf-stats-grid"><div class="hf-stat-item"><span class="hf-stat-number">1,300+</span><span class="hf-stat-label">모델 & 서비스 공개</span></div><div class="hf-stat-item"><span class="hf-stat-number">5,000+</span><span class="hf-stat-label">허깅페이스 팔로워</span></div><div class="hf-stat-item"><span class="hf-stat-number">13,000+</span><span class="hf-stat-label">커뮤니티 멤버</span></div></div><div class="hf-achievements"><div class="hf-achievement-item"><div class="hf-achievement-icon">🏆</div><div class="hf-achievement-content"><h4>의료 LLM 세계 2위</h4><p>Facts Grounding Leaderboard (프랑스 국립과학연구원 CNRS)</p></div></div><div class="hf-achievement-item"><div class="hf-achievement-icon">🔥</div><div class="hf-achievement-content"><h4>모델 트렌딩 최고 2위</h4><p>Hugging Face 모델 트렌딩 랭킹</p></div></div><div class="hf-achievement-item"><div class="hf-achievement-icon">🚀</div><div class="hf-achievement-content"><h4>스페이스 트렌딩 최고 2위</h4><p>Hugging Face 스페이스 트렌딩 랭킹 (다수 달성)</p></div></div><div class="hf-achievement-item"><div class="hf-achievement-icon">🌐</div><div class="hf-achievement-content"><h4>글로벌 AI 커뮤니티</h4><p>Discord, 카카오톡, 카카오채널 운영</p></div></div></div></div></div></section>

	<section class="agi-community" id="agi"><div class="section-container"><div class="section-header"><p class="section-eyebrow">AGI Vision</p><h2 class="section-title">AGI 개발 선도 커뮤니티</h2><p class="section-subtitle">인공일반지능(AGI)의 미래를 함께 연구하고 구현합니다</p></div>
	<div class="agi-vision-card"><div class="agi-vision-header"><div class="agi-vision-icon">🧠</div><div><h3 class="agi-vision-title">AGI: 인류의 마지막 발명</h3><span class="agi-vision-badge">Pioneer Community</span></div></div><p class="agi-vision-text">OpenFree AI는 <strong>인공일반지능(AGI)</strong>의 실현을 목표로 하는 선도 커뮤니티입니다. 우리는 AGI가 단순한 도구를 넘어 <strong>스스로 학습하고, 창조하며, 경제적 가치를 창출</strong>하는 진정한 지능에 도달할 수 있다고 믿습니다. AGI의 가장 확실한 증거는 <strong>스스로 경제적 수익을 창출하는 능력</strong>이며, 우리는 이를 검증 가능한 지표로 삼아 연구를 진행합니다.</p></div>

	<h3 class="agi-section-title">🎯 AGI <span>7대 핵심 지능 모듈</span></h3>
	<div class="agi-intel-grid">
	<div class="agi-intel-card"><div class="agi-intel-icon">✍️</div><h4 class="agi-intel-title">창조·언어 지능</h4><p class="agi-intel-desc">인간 작가 수준의 장편소설, 콘텐츠 창작. 무한한 양과 질로 시장 지배</p></div>
	<div class="agi-intel-card"><div class="agi-intel-icon">🔬</div><h4 class="agi-intel-title">과학·추론 지능</h4><p class="agi-intel-desc">가설→실험→검증 자율 수행. Nature/Science 수준 발견 도출</p></div>
	<div class="agi-intel-card"><div class="agi-intel-icon">💻</div><h4 class="agi-intel-title">도구·문제해결 지능</h4><p class="agi-intel-desc">완전 자율 코드 개발, 시스템 아키텍처 설계, 범용 문제해결</p></div>
	<div class="agi-intel-card"><div class="agi-intel-icon">💬</div><h4 class="agi-intel-title">사회·정서 지능</h4><p class="agi-intel-desc">인간 감정 이해, 공감 능력, 사회적 상호작용 및 협업</p></div>
	</div>
	<div class="agi-intel-grid bottom-row">
	<div class="agi-intel-card"><div class="agi-intel-icon">📚</div><h4 class="agi-intel-title">학습·기억 지능</h4><p class="agi-intel-desc">지속적 자기학습, 장기기억 관리, 경험 기반 성장</p></div>
	<div class="agi-intel-card"><div class="agi-intel-icon">👁️</div><h4 class="agi-intel-title">지각·신체화 지능</h4><p class="agi-intel-desc">멀티모달 인식, 물리세계 이해, 로봇 제어 및 환경 적응</p></div>
	<div class="agi-intel-card"><div class="agi-intel-icon">🛡️</div><h4 class="agi-intel-title">메타인지·안전 지능</h4><p class="agi-intel-desc">자기인식, 한계 파악, 윤리적 판단, 안전한 의사결정</p></div>
	</div>

	<h3 class="agi-section-title" style="color:var(--agi-cyan)">⚡ AGI Core Architecture</h3>
	<div class="agi-arch-grid">
	<div class="agi-arch-card soma"><div class="agi-arch-icon">🤝</div><h4 class="agi-arch-name">SOMA</h4><p class="agi-arch-fullname">Self-Organizing Multi-Agent</p><p class="agi-arch-desc">팀 역할 협업 기반 멀티에이전트 시스템. 전문가 AI들이 자율적으로 역할을 분담하고 협력하여 복잡한 문제를 해결</p><span class="agi-arch-badge">✓ 운용 중</span></div>
	<div class="agi-arch-card slai"><div class="agi-arch-icon">🔄</div><h4 class="agi-arch-name">SLAI</h4><p class="agi-arch-fullname">Self-Learning Augmented Intelligence</p><p class="agi-arch-desc">자가 학습 기반 증강지능. 외부 데이터 없이 스스로 학습하고 진화하며 지속적으로 성능을 개선하는 자율 학습 시스템</p><span class="agi-arch-badge">✓ 운용 중</span></div>
	<div class="agi-arch-card mouse"><div class="agi-arch-icon">🐭</div><h4 class="agi-arch-name">MOUSE</h4><p class="agi-arch-fullname">Multi-agent Orchestrated Unified Swarm Engine</p><p class="agi-arch-desc">지능형 군집 에이전트 자동 생성 및 운용. 수천 개의 마이크로 에이전트가 협력하여 대규모 분산 작업을 자율 수행</p><span class="agi-arch-badge">✓ 운용 중</span></div>
	</div>

	<div class="community-links"><a href="https://discord.gg/openfreeai" target="_blank" class="community-link discord"><span class="community-link-icon">💬</span><span>Discord 커뮤니티</span></a><a href="https://open.kakao.com/o/peIe8KWh" target="_blank" class="community-link kakao"><span class="community-link-icon">💛</span><span>카카오 오픈채팅</span></a><a href="http://pf.kakao.com/_MxmLFn" target="_blank" class="community-link kakao"><span class="community-link-icon">🏠</span><span>카카오채널</span></a></div></div></section>

	<section class="services" id="services"><div class="section-container"><div class="section-header"><p class="section-eyebrow" style="color:var(--agi-purple)">Services</p><h2 class="section-title">AI 서비스 플랫폼</h2><p class="section-subtitle">AGI 기술을 기반으로 한 실용적 AI 서비스</p></div><div class="services-grid">
	<a href="https://michellin.openfree.ai" target="_blank" class="service-card"><div class="card-visual michelin"><span class="card-icon">🍽️</span></div><div class="card-content"><span class="card-badge ai">🤖 AI 멀티에이전트</span><h3 class="card-title">미슐랭 AGI 레시피</h3><p class="card-description">6명의 AI 셰프가 협업하여 미슐랭 스타 수준의 레시피를 개발. K-FOOD 특화 창발적 레시피 생성</p><div class="card-features"><span class="feature-tag">SOMA 에이전트</span><span class="feature-tag">K-FOOD</span><span class="feature-tag">AI 이미지</span></div><span class="card-link">서비스 바로가기 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span></div></a>
	<a href="https://stock.openfree.ai" target="_blank" class="service-card"><div class="card-visual stock"><span class="card-icon">📈</span></div><div class="card-content"><span class="card-badge new">📊 실시간 분석</span><h3 class="card-title">AI 주식 리서치</h3><p class="card-description">월스트리트 수준의 AI 주식 분석. NASDAQ 100 + DOW 30 실시간 뉴스 및 심층 분석</p><div class="card-features"><span class="feature-tag">실시간 뉴스</span><span class="feature-tag">심층 분석</span><span class="feature-tag">리포트</span></div><span class="card-link">서비스 바로가기 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span></div></a>
	<a href="https://book.openfree.ai" target="_blank" class="service-card"><div class="card-visual flipbook"><span class="card-icon">📖</span></div><div class="card-content"><span class="card-badge pdf">📄 PDF 변환</span><h3 class="card-title">AI FlipBook Maker</h3><p class="card-description">PDF를 인터랙티브 3D 플립북으로 변환. AI 챗봇으로 문서 내용 질의응답 및 요약 지원</p><div class="card-features"><span class="feature-tag">3D FlipBook</span><span class="feature-tag">AI 챗봇</span><span class="feature-tag">PDF 요약</span></div><span class="card-link">서비스 바로가기 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span></div></a>

	<!-- 특허 자동화 서비스 (Private) -->
	<div class="service-card" style="cursor:default"><div class="card-visual patent"><span class="card-icon">📜</span></div><div class="card-content"><span class="card-badge patent">💡 SOMA 5-Agent</span><h3 class="card-title">AI 특허 자동화</h3><p class="card-description">아이디어 입력만으로 선행특허 조사, 특허성 평가, 명세서 작성, 도면 생성까지. 5개 AI 에이전트가 협업하여 TOP 50 특허 아이디어 도출</p><div class="card-features"><span class="feature-tag">선행특허 조사</span><span class="feature-tag">명세서 자동</span><span class="feature-tag">도면 생성</span><span class="feature-tag">TOP 50</span></div><span class="card-link" style="color:var(--apple-gray-3)">🔒 Private <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 17a2 2 0 100-4 2 2 0 000 4z"/><path d="M6 17V9a6 6 0 1112 0v8"/><rect x="4" y="13" width="16" height="8" rx="2"/></svg></span></div></div>

	<!-- AGI 스토리 콘텐츠 서비스 (Private) -->
	<div class="service-card" style="cursor:default"><div class="card-visual story"><span class="card-icon">🎬</span></div><div class="card-content"><span class="card-badge story">✍️ 100페이지+ 창작</span><h3 class="card-title">AGI 스토리 팩토리</h3><p class="card-description">100페이지 이상의 장편소설, 웹소설(로맨스/판타지/무협), 영화 시나리오 및 콘티 자동 생성. 강석범 감독 '을지문덕' 100% AI 트레일러 제작 검증</p><div class="card-features"><span class="feature-tag">장편소설</span><span class="feature-tag">웹소설 7장르</span><span class="feature-tag">시나리오</span><span class="feature-tag">콘티</span></div><span class="card-link" style="color:var(--apple-gray-3)">🔒 Private <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 17a2 2 0 100-4 2 2 0 000 4z"/><path d="M6 17V9a6 6 0 1112 0v8"/><rect x="4" y="13" width="16" height="8" rx="2"/></svg></span></div></div>

	<!-- 이커머스 월드모델 서비스 (Private) -->
	<div class="service-card" style="cursor:default"><div class="card-visual ecommerce"><span class="card-icon">🛒</span></div><div class="card-content"><span class="card-badge ecom">🌐 World Model</span><h3 class="card-title">이커머스 월드모델</h3><p class="card-description">합성 데이터 기반 2.5억 소비자 시뮬레이션. 구매력 10분위 세그먼트, DV360/Meta/TTD 타겟팅 최적화, 대화형 쇼핑 AI 어시스턴트</p><div class="card-features"><span class="feature-tag">Afford-X Agent</span><span class="feature-tag">구매력 분석</span><span class="feature-tag">광고 타겟팅</span><span class="feature-tag">AI 쇼핑</span></div><span class="card-link" style="color:var(--apple-gray-3)">🔒 Private <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 17a2 2 0 100-4 2 2 0 000 4z"/><path d="M6 17V9a6 6 0 1112 0v8"/><rect x="4" y="13" width="16" height="8" rx="2"/></svg></span></div></div>

	<!-- AND MORE 카드 -->
	<div class="service-card andmore-card"><div class="card-visual andmore"><span class="card-icon">✨</span></div><div class="card-content"><span class="card-badge more">🚀 Coming Soon</span><h3 class="card-title">AND MORE...</h3><p class="card-description">AGI 기술 기반의 새로운 서비스들이 계속 추가됩니다. 의료 AI, 법률 AI, 교육 AI 등 다양한 버티컬 에이전트를 준비 중입니다.</p><div class="card-features"><span class="feature-tag">의료 AI</span><span class="feature-tag">법률 AI</span><span class="feature-tag">교육 AI</span><span class="feature-tag">금융 AI</span></div><span class="card-link" style="color:var(--agi-purple)">Coming Soon <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></span></div></div>
	</div></div></section>

	<section class="stats"><div class="section-container"><div class="stats-grid"><div class="stat-item"><span class="stat-number">1.5M+</span><span class="stat-label">월간 사용자</span></div><div class="stat-item"><span class="stat-number">1,300+</span><span class="stat-label">공개 모델</span></div><div class="stat-item"><span class="stat-number">5,000+</span><span class="stat-label">HF 팔로워</span></div><div class="stat-item"><span class="stat-number">24/7</span><span class="stat-label">실시간 서비스</span></div></div></div></section>

	<footer><div class="footer-container"><div class="footer-logo">OpenFree AI</div><ul class="footer-links"><li><a href="https://huggingface.co/openfree" target="_blank">Hugging Face</a></li><li><a href="https://discord.gg/openfreeai" target="_blank">Discord</a></li><li><a href="https://open.kakao.com/o/peIe8KWh" target="_blank">카카오 오픈채팅</a></li><li><a href="http://pf.kakao.com/_MxmLFn" target="_blank">카카오채널</a></li></ul><p class="footer-copyright">© 2025 OpenFree AI - AGI 개발 선도 커뮤니티. Powered by Hugging Face 🤗</p></div></footer>

	<script>
	const navbar=document.getElementById('navbar');window.addEventListener('scroll',()=>{navbar.classList.toggle('scrolled',window.scrollY>20)});document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener('click',function(e){e.preventDefault();const target=document.querySelector(this.getAttribute('href'));if(target)target.scrollIntoView({behavior:'smooth',block:'start'})})});const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){entry.target.style.opacity='1';entry.target.style.transform='translateY(0)'}})},{threshold:.1,rootMargin:'0px 0px -50px 0px'});document.querySelectorAll('.service-card,.stat-item,.hf-card,.agi-vision-card,.agi-intel-card,.agi-arch-card,.hf-stat-item,.hf-achievement-item').forEach((el,i)=>{el.style.opacity='0';el.style.transform='translateY(30px)';el.style.transition='opacity .6s ease,transform .6s ease';el.style.transitionDelay=(i*.05)+'s';observer.observe(el)});
	</script>
	</body>
	</html>