openfree commited on
Commit
59f0c44
ยท
verified ยท
1 Parent(s): 93769a3

Update index.html

Browse files
Files changed (1) hide show
  1. 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>