Update index.html
Browse files- index.html +24 -0
index.html
CHANGED
|
@@ -114,12 +114,20 @@
|
|
| 114 |
.card-visual.michelin{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}
|
| 115 |
.card-visual.stock{background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 100%)}
|
| 116 |
.card-visual.flipbook{background:linear-gradient(135deg,#2a0845 0%,#6441a5 100%)}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 117 |
.card-icon{font-size:56px;animation:pulse 3s ease-in-out infinite}
|
| 118 |
.card-content{padding:28px}
|
| 119 |
.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}
|
| 120 |
.card-badge.ai{background:rgba(0,122,255,.1);color:var(--apple-blue)}
|
| 121 |
.card-badge.new{background:rgba(52,199,89,.1);color:#34C759}
|
| 122 |
.card-badge.pdf{background:rgba(139,92,246,.1);color:var(--agi-purple)}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 123 |
.card-title{font-size:1.35rem;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}
|
| 124 |
.card-description{font-size:.9rem;color:var(--apple-gray-3);line-height:1.6;margin-bottom:16px}
|
| 125 |
.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
|
|
@@ -128,6 +136,10 @@
|
|
| 128 |
.service-card:hover .card-link{gap:12px}
|
| 129 |
.service-card:hover .card-link svg{transform:translateX(4px)}
|
| 130 |
.card-link svg{transition:var(--transition-fast)}
|
|
|
|
|
|
|
|
|
|
|
|
|
| 131 |
.stats{padding:80px 0;background:var(--apple-white)}
|
| 132 |
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;text-align:center}
|
| 133 |
.stat-item{display:flex;flex-direction:column;align-items:center}
|
|
@@ -182,6 +194,18 @@
|
|
| 182 |
<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>
|
| 183 |
<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>
|
| 184 |
<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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 185 |
</div></div></section>
|
| 186 |
|
| 187 |
<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>
|
|
|
|
| 114 |
.card-visual.michelin{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}
|
| 115 |
.card-visual.stock{background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 100%)}
|
| 116 |
.card-visual.flipbook{background:linear-gradient(135deg,#2a0845 0%,#6441a5 100%)}
|
| 117 |
+
.card-visual.patent{background:linear-gradient(135deg,#0f4c75 0%,#1b262c 100%)}
|
| 118 |
+
.card-visual.story{background:linear-gradient(135deg,#c94b4b 0%,#4b134f 100%)}
|
| 119 |
+
.card-visual.ecommerce{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}
|
| 120 |
+
.card-visual.andmore{background:linear-gradient(135deg,#232526 0%,#414345 100%)}
|
| 121 |
.card-icon{font-size:56px;animation:pulse 3s ease-in-out infinite}
|
| 122 |
.card-content{padding:28px}
|
| 123 |
.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}
|
| 124 |
.card-badge.ai{background:rgba(0,122,255,.1);color:var(--apple-blue)}
|
| 125 |
.card-badge.new{background:rgba(52,199,89,.1);color:#34C759}
|
| 126 |
.card-badge.pdf{background:rgba(139,92,246,.1);color:var(--agi-purple)}
|
| 127 |
+
.card-badge.patent{background:rgba(15,76,117,.15);color:#3282b8}
|
| 128 |
+
.card-badge.story{background:rgba(201,75,75,.15);color:#c94b4b}
|
| 129 |
+
.card-badge.ecom{background:rgba(17,153,142,.15);color:#11998e}
|
| 130 |
+
.card-badge.more{background:rgba(65,67,69,.2);color:#888}
|
| 131 |
.card-title{font-size:1.35rem;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}
|
| 132 |
.card-description{font-size:.9rem;color:var(--apple-gray-3);line-height:1.6;margin-bottom:16px}
|
| 133 |
.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
|
|
|
|
| 136 |
.service-card:hover .card-link{gap:12px}
|
| 137 |
.service-card:hover .card-link svg{transform:translateX(4px)}
|
| 138 |
.card-link svg{transition:var(--transition-fast)}
|
| 139 |
+
.andmore-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed var(--apple-gray-2)}
|
| 140 |
+
.andmore-card:hover{border-color:var(--agi-purple);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%)}
|
| 141 |
+
.andmore-card .card-visual{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
|
| 142 |
+
.andmore-card .card-link{color:var(--agi-purple)}
|
| 143 |
.stats{padding:80px 0;background:var(--apple-white)}
|
| 144 |
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;text-align:center}
|
| 145 |
.stat-item{display:flex;flex-direction:column;align-items:center}
|
|
|
|
| 194 |
<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>
|
| 195 |
<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>
|
| 196 |
<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>
|
| 197 |
+
|
| 198 |
+
<!-- ํนํ ์๋ํ ์๋น์ค (Private) -->
|
| 199 |
+
<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>
|
| 200 |
+
|
| 201 |
+
<!-- AGI ์คํ ๋ฆฌ ์ฝํ
์ธ ์๋น์ค (Private) -->
|
| 202 |
+
<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>
|
| 203 |
+
|
| 204 |
+
<!-- ์ด์ปค๋จธ์ค ์๋๋ชจ๋ธ ์๋น์ค (Private) -->
|
| 205 |
+
<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>
|
| 206 |
+
|
| 207 |
+
<!-- AND MORE ์นด๋ -->
|
| 208 |
+
<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>
|
| 209 |
</div></div></section>
|
| 210 |
|
| 211 |
<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>
|