Spaces:

aiqtech
/

tenai

Paused

App Files Files Community

tenai / index.html

aiqtech

Create index.html

3b0cb17 verified 5 months ago

raw

history blame contribute delete

17.5 kB

	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>TenAI PMAI Pro - 기업 자산관리 AI 플랫폼</title>
	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
	<style>
	:root {
	--primary: #2563eb;
	--primary-dark: #1d4ed8;
	--primary-light: #3b82f6;
	--secondary: #7c3aed;
	--success: #059669;
	--success-light: #10b981;
	--bg-light: #f8fafc;
	--bg-white: #ffffff;
	--bg-gray: #f1f5f9;
	--text-dark: #1e293b;
	--text-gray: #64748b;
	--text-light: #94a3b8;
	--border: #e2e8f0;
	}
	* { margin: 0; padding: 0; box-sizing: border-box; }
	body {
	font-family: 'Noto Sans KR', sans-serif;
	background: var(--bg-light);
	color: var(--text-dark);
	line-height: 1.6;
	}
	.hero {
	min-height: 100vh;
	background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg-light) 50%, var(--bg-gray) 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 60px 20px;
	position: relative;
	overflow: hidden;
	}
	.hero::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 70%);
	animation: float 15s ease-in-out infinite;
	}
	.hero::after {
	content: '';
	position: absolute;
	bottom: -50%;
	left: -50%;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(16,185,129,0.05) 0%, transparent 70%);
	animation: float 20s ease-in-out infinite reverse;
	}
	@keyframes float {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(30px, 30px); }
	}
	.hero-content { position: relative; z-index: 1; max-width: 900px; }
	.logo {
	font-size: 4.5rem;
	margin-bottom: 25px;
	filter: drop-shadow(0 4px 20px rgba(37,99,235,0.2));
	}
	.hero h1 {
	font-size: 3.5rem;
	font-weight: 800;
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 15px;
	}
	.hero .subtitle {
	font-size: 1.4rem;
	color: var(--text-dark);
	margin-bottom: 8px;
	font-weight: 600;
	}
	.hero .tagline {
	font-size: 1.05rem;
	color: var(--text-gray);
	margin-bottom: 35px;
	}
	.badges {
	display: flex;
	gap: 15px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 45px;
	}
	.badge {
	padding: 12px 28px;
	border-radius: 30px;
	font-size: 0.95rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	}
	.badge-primary {
	background: linear-gradient(135deg, var(--primary), var(--primary-light));
	color: white;
	}
	.badge-success {
	background: linear-gradient(135deg, var(--success), var(--success-light));
	color: white;
	}
	.badge-secondary {
	background: linear-gradient(135deg, var(--secondary), #8b5cf6);
	color: white;
	}
	.badge:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
	.cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
	.btn {
	padding: 18px 42px;
	border-radius: 50px;
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	cursor: pointer;
	border: none;
	}
	.btn-primary {
	background: linear-gradient(135deg, var(--primary), var(--primary-light));
	color: white;
	box-shadow: 0 8px 30px rgba(37,99,235,0.35);
	}
	.btn-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 40px rgba(37,99,235,0.45);
	}
	.btn-outline {
	background: var(--bg-white);
	color: var(--text-dark);
	border: 2px solid var(--border);
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
	}
	.btn-outline:hover {
	background: var(--bg-gray);
	border-color: var(--primary);
	color: var(--primary);
	}
	.features { padding: 100px 20px; background: var(--bg-white); }
	.container { max-width: 1200px; margin: 0 auto; }
	.section-title { text-align: center; margin-bottom: 60px; }
	.section-title h2 {
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--text-dark);
	margin-bottom: 15px;
	}
	.section-title p { color: var(--text-gray); font-size: 1.15rem; }
	.features-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 30px;
	}
	.feature-card {
	background: var(--bg-white);
	border-radius: 24px;
	padding: 40px 30px;
	border: 1px solid var(--border);
	transition: all 0.3s ease;
	box-shadow: 0 4px 20px rgba(0,0,0,0.05);
	}
	.feature-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 50px rgba(0,0,0,0.12);
	border-color: var(--primary-light);
	}
	.feature-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, var(--primary), var(--primary-light));
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin-bottom: 25px;
	box-shadow: 0 8px 25px rgba(37,99,235,0.25);
	}
	.feature-card h3 { font-size: 1.35rem; margin-bottom: 15px; color: var(--text-dark); font-weight: 700; }
	.feature-card p { color: var(--text-gray); line-height: 1.7; }
	.soma-section { padding: 100px 20px; background: linear-gradient(135deg, var(--bg-light), var(--bg-gray)); }
	.soma-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 20px;
	margin-top: 50px;
	}
	.soma-agent {
	background: var(--bg-white);
	border-radius: 20px;
	padding: 30px 20px;
	text-align: center;
	border: 1px solid var(--border);
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
	}
	.soma-agent:hover {
	border-color: var(--primary);
	transform: scale(1.05);
	box-shadow: 0 15px 40px rgba(37,99,235,0.15);
	}
	.soma-agent .icon { font-size: 2.8rem; margin-bottom: 18px; }
	.soma-agent h4 { font-size: 1rem; color: var(--text-dark); margin-bottom: 8px; font-weight: 700; }
	.soma-agent p { font-size: 0.85rem; color: var(--text-gray); }
	.stats-section { padding: 80px 20px; background: var(--bg-white); }
	.stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	}
	.stat-item {
	text-align: center;
	padding: 35px 20px;
	background: linear-gradient(135deg, var(--bg-light), var(--bg-white));
	border-radius: 20px;
	border: 1px solid var(--border);
	}
	.stat-item .number {
	font-size: 3rem;
	font-weight: 800;
	background: linear-gradient(135deg, var(--primary), var(--secondary));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 10px;
	}
	.stat-item .label { color: var(--text-gray); font-weight: 500; }
	footer {
	background: var(--bg-white);
	padding: 60px 20px 30px;
	border-top: 1px solid var(--border);
	}
	.footer-content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 40px;
	margin-bottom: 40px;
	}
	.footer-section h4 { color: var(--primary); margin-bottom: 20px; font-size: 1.1rem; font-weight: 700; }
	.footer-section p, .footer-section a {
	color: var(--text-gray);
	text-decoration: none;
	display: block;
	margin-bottom: 12px;
	transition: color 0.3s;
	}
	.footer-section a:hover { color: var(--primary); }
	.footer-bottom {
	text-align: center;
	padding-top: 30px;
	border-top: 1px solid var(--border);
	color: var(--text-light);
	}
	@media (max-width: 768px) {
	.hero h1 { font-size: 2.5rem; }
	.stats { grid-template-columns: repeat(2, 1fr); }
	}
	</style>
	</head>
	<body>
	<section class="hero">
	<div class="hero-content">
	<div class="logo">🏢</div>
	<h1>TenAI PMAI Pro</h1>
	<p class="subtitle">기업 자산관리(PMAI)로 시작하는 AX SaaS 플랫폼</p>
	<p class="tagline">"하드웨어 없는 건물 운영체제(OS), TenAI"</p>
	<div class="badges">
	<span class="badge badge-primary"><i class="fas fa-bolt"></i> Zero Hardware</span>
	<span class="badge badge-success"><i class="fas fa-eye"></i> Fireworks Vision AI</span>
	<span class="badge badge-secondary"><i class="fas fa-robot"></i> SOMA Multi-Agent</span>
	</div>
	<div class="cta-buttons">
	<a href="#" class="btn btn-primary" onclick="window.location.reload()">
	<i class="fas fa-play"></i> 데모 시작하기
	</a>
	<a href="#features" class="btn btn-outline">
	<i class="fas fa-info-circle"></i> 자세히 보기
	</a>
	</div>
	</div>
	</section>
	<section class="features" id="features">
	<div class="container">
	<div class="section-title">
	<h2>💡 핵심 기능</h2>
	<p>TenAI PMAI Pro가 제공하는 혁신적인 자산관리 솔루션</p>
	</div>
	<div class="features-grid">
	<div class="feature-card">
	<div class="feature-icon">🖼️</div>
	<h3>Fireworks Vision AI</h3>
	<p>Qwen3-VL-235B 모델로 계약서 사진, 스캔 문서, 도면 이미지를 정확하게 OCR 처리합니다.</p>
	</div>
	<div class="feature-card">
	<div class="feature-icon">📄</div>
	<h3>문서 분석</h3>
	<p>임대차계약서, 유지보수문서, 건물도면 등 비정형 문서를 AI가 자동으로 분석하여 핵심 정보를 추출합니다.</p>
	</div>
	<div class="feature-card">
	<div class="feature-icon">💰</div>
	<h3>비용 최적화 분석</h3>
	<p>운영비용 구조를 분석하고 누수 포인트를 식별하여 ROI 기반의 비용 절감 전략을 제안합니다.</p>
	</div>
	<div class="feature-card">
	<div class="feature-icon">🗺️</div>
	<h3>상권/입지 분석</h3>
	<p>서울시 주요 지역의 상권 특성, 유동인구, 임대료 시세를 분석하여 최적의 투자 전략을 제시합니다.</p>
	</div>
	<div class="feature-card">
	<div class="feature-icon">🤖</div>
	<h3>SOMA 멀티 에이전트</h3>
	<p>6명의 AI 전문가(문서분석, 재무, 법률, 시설, 상권, 코디네이터)가 협업하여 종합 분석을 제공합니다.</p>
	</div>
	<div class="feature-card">
	<div class="feature-icon">💬</div>
	<h3>24시간 AI 상담</h3>
	<p>자산관리, 임대관리, 시설관리에 대한 모든 질문에 실시간으로 전문적인 답변을 제공합니다.</p>
	</div>
	</div>
	</div>
	</section>
	<section class="soma-section">
	<div class="container">
	<div class="section-title">
	<h2>🤖 SOMA 멀티 에이전트 시스템</h2>
	<p>Specialized Orchestrated Multi-Agent - 6명의 AI 전문가 협업</p>
	</div>
	<div class="soma-grid">
	<div class="soma-agent">
	<div class="icon">📋</div>
	<h4>문서 분석가</h4>
	<p>계약서/문서 전문</p>
	</div>
	<div class="soma-agent">
	<div class="icon">💰</div>
	<h4>재무 전문가</h4>
	<p>비용/수익 분석</p>
	</div>
	<div class="soma-agent">
	<div class="icon">⚖️</div>
	<h4>법률 자문가</h4>
	<p>법적 리스크 검토</p>
	</div>
	<div class="soma-agent">
	<div class="icon">🔧</div>
	<h4>시설 관리자</h4>
	<p>운영/시설 전문</p>
	</div>
	<div class="soma-agent">
	<div class="icon">📊</div>
	<h4>상권 분석가</h4>
	<p>입지/상권 전문</p>
	</div>
	<div class="soma-agent">
	<div class="icon">🎯</div>
	<h4>코디네이터</h4>
	<p>종합 분석 총괄</p>
	</div>
	</div>
	</div>
	</section>
	<section class="stats-section">
	<div class="container">
	<div class="stats">
	<div class="stat-item">
	<div class="number">12+</div>
	<div class="label">서울시 주요 상권</div>
	</div>
	<div class="stat-item">
	<div class="number">6</div>
	<div class="label">AI 분석 에이전트</div>
	</div>
	<div class="stat-item">
	<div class="number">24/7</div>
	<div class="label">실시간 AI 상담</div>
	</div>
	<div class="stat-item">
	<div class="number">100%</div>
	<div class="label">Zero Hardware</div>
	</div>
	</div>
	</div>
	</section>
	<footer>
	<div class="container">
	<div class="footer-content">
	<div class="footer-section">
	<h4>🏢 TenAI</h4>
	<p>기업 자산관리(PMAI)로 시작하는 AX SaaS</p>
	<p>"하드웨어 없는 건물 운영체제(OS)"</p>
	</div>
	<div class="footer-section">
	<h4>Product</h4>
	<a href="#">PMAI Pro</a>
	<a href="#">SOMA 에이전트</a>
	<a href="#">상권 분석</a>
	<a href="#">Vision AI OCR</a>
	</div>
	<div class="footer-section">
	<h4>Technology</h4>
	<a href="#">Fireworks Vision AI</a>
	<a href="#">Ten-AX Engine</a>
	<a href="#">SOMA Framework</a>
	</div>
	<div class="footer-section">
	<h4>Contact</h4>
	<p>📧 ten@tenspace.co.kr</p>
	<p>📱 010-2710-6246</p>
	<p>👤 CEO: 정원훈</p>
	</div>
	</div>
	<div class="footer-bottom">
	<p>© 2025 TenAI. All rights reserved. Powered by Fireworks Vision AI + Ten-AX Engine</p>
	</div>
	</div>
	</footer>
	</body>
	</html>