SamProject/sam-manage
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [big-tech] Agibot 비전 섹션 가독성 개선

Browse Source 
- 다크 배경(slate-900) → 밝은 배경(indigo-50)으로 변경
- 텍스트 색상 대비 강화 (slate-200 → slate-700)
- 비전 탭 버튼/콘텐츠 박스 밝은 테마 적용
This commit is contained in:
김보곤
2026-03-04 10:35:46 +09:00
parent 18dcec312f
commit f8f9df98ec
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
resources/views/china-tech/big-tech/index.blade.php
View File

@@ -25,7 +25,7 @@
/* 탭1: Agibot 스타일 */
.tab-agibot { background-color: #fafaf9; }
.vision-tab { transition: all 0.3s ease; }
.vision-tab.active { background-color: #4f46e5; color: white; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.vision-tab.active { background-color: #4f46e5 !important; color: white !important; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }
</style>
@@ -339,29 +339,29 @@
</section>
<!-- 미래 비전 -->
<section id="agibot-vision" class="scroll-mt-24 bg-slate-900 rounded-3xl p-8 md:p-12 shadow-lg text-stone-50">
<section id="agibot-vision" class="scroll-mt-24 bg-indigo-50 rounded-3xl p-8 md:p-12 shadow-lg text-slate-800">
<div class="mb-10 text-center max-w-3xl mx-auto">
<div class="inline-block px-3 py-1 rounded-full bg-slate-800 text-indigo-300 text-xs font-bold tracking-wider uppercase mb-4">Future Vision</div>
<h2 class="text-2xl md:text-4xl font-bold mb-4">🧠 'AI + 하드웨어' : Embodied AI의 실현</h2>
<p class="text-slate-300">펑즈후이가 지향하는 궁극적인 목표는 단순한 자동화 기계가 아닙니다. 소프트웨어 세상에 갇혀 있던 AI에게 물리적 신체를 부여하여 현실 세계와 상호작용하는 <strong>'Embodied AI (구현된 AI)'</strong> 모델을 구축하는 것입니다. 아래 단계를 클릭하여 비전을 확인하세요.</p>
<div class="inline-block px-3 py-1 rounded-full bg-indigo-100 text-indigo-700 text-xs font-bold tracking-wider uppercase mb-4">Future Vision</div>
<h2 class="text-2xl md:text-4xl font-bold mb-4 text-slate-900">🧠 'AI + 하드웨어' : Embodied AI의 실현</h2>
<p class="text-slate-600">펑즈후이가 지향하는 궁극적인 목표는 단순한 자동화 기계가 아닙니다. 소프트웨어 세상에 갇혀 있던 AI에게 물리적 신체를 부여하여 현실 세계와 상호작용하는 <strong class="text-slate-800">'Embodied AI (구현된 AI)'</strong> 모델을 구축하는 것입니다. 아래 단계를 클릭하여 비전을 확인하세요.</p>
</div>
<div class="flex flex-col md:flex-row justify-center gap-4 mb-8">
<button onclick="updateVision(1)" id="btn-vision-1" class="vision-tab active flex-1 py-4 px-6 rounded-xl bg-slate-800 text-center cursor-pointer border border-slate-700 hover:border-indigo-400">
<button onclick="updateVision(1)" id="btn-vision-1" class="vision-tab active flex-1 py-4 px-6 rounded-xl bg-white text-center cursor-pointer border border-indigo-200 hover:border-indigo-400 text-slate-700">
<div class="text-2xl mb-2">🌐</div>
<div class="font-bold">1단계: Foundation Model</div>
</button>
<button onclick="updateVision(2)" id="btn-vision-2" class="vision-tab flex-1 py-4 px-6 rounded-xl bg-slate-800 text-center cursor-pointer border border-slate-700 hover:border-indigo-400">
<button onclick="updateVision(2)" id="btn-vision-2" class="vision-tab flex-1 py-4 px-6 rounded-xl bg-white text-center cursor-pointer border border-indigo-200 hover:border-indigo-400 text-slate-700">
<div class="text-2xl mb-2">🦾</div>
<div class="font-bold">2단계: Hardware Integration</div>
</button>
<button onclick="updateVision(3)" id="btn-vision-3" class="vision-tab flex-1 py-4 px-6 rounded-xl bg-slate-800 text-center cursor-pointer border border-slate-700 hover:border-indigo-400">
<button onclick="updateVision(3)" id="btn-vision-3" class="vision-tab flex-1 py-4 px-6 rounded-xl bg-white text-center cursor-pointer border border-indigo-200 hover:border-indigo-400 text-slate-700">
<div class="text-2xl mb-2">🚀</div>
<div class="font-bold">3단계: AGI & Ecosystem</div>
</button>
</div>
<div id="vision-content" class="bg-slate-800 rounded-2xl p-6 md:p-8 min-h-[200px] flex items-center border border-slate-700">
<div class="animate-fade-in text-lg leading-relaxed text-slate-200">
<h3 class="text-xl font-bold text-indigo-300 mb-3">대규모 언어/시각 모델의 진화</h3>
<div id="vision-content" class="bg-white rounded-2xl p-6 md:p-8 min-h-[200px] flex items-center border border-indigo-200">
<div class="animate-fade-in text-lg leading-relaxed text-slate-700">
<h3 class="text-xl font-bold text-indigo-700 mb-3">대규모 언어/시각 모델의 진화</h3>
<p>첫 번째 단계는 뛰어난 인지 능력과 추론 능력을 갖춘 AI 파운데이션 모델(Foundation Model)의 활용입니다. 애지봇은 자체적인 200 TOPS 연산 모듈을 통해 클라우드에 의존하지 않고 로컬에서 방대한 시각 데이터와 언어 명령을 실시간으로 처리할 수 있는 '두뇌'를 개발합니다. 이는 로봇이 인간의 언어를 이해하고 시각적으로 환경을 인식하는 핵심 기반이 됩니다.</p>
</div>
</div>
@@ -412,16 +412,16 @@ function switchTab(index) {
function updateVision(step) {
document.querySelectorAll('.vision-tab').forEach(btn => {
btn.classList.remove('active');
btn.classList.add('bg-slate-800');
btn.classList.add('bg-white');
});
const activeBtn = document.getElementById('btn-vision-' + step);
activeBtn.classList.add('active');
activeBtn.classList.remove('bg-slate-800');
activeBtn.classList.remove('bg-white');
const data = visionData[step];
document.getElementById('vision-content').innerHTML =
'<div class="text-lg leading-relaxed text-slate-200" style="animation: fadeIn 0.5s ease-in-out;">' +
'<h3 class="text-xl font-bold text-indigo-300 mb-3">' + data.title + '</h3>' +
'<div class="text-lg leading-relaxed text-slate-700" style="animation: fadeIn 0.5s ease-in-out;">' +
'<h3 class="text-xl font-bold text-indigo-700 mb-3">' + data.title + '</h3>' +
'<p>' + data.text + '</p></div>';
}