Files
iiEasy/index.html

391 lines
16 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iiEasy: Разработка Сайтов, Приложений, ИИ-Решений | ИИ Исследования и Обучение Уфа</title>
<meta name="description" content="iiEasy (Уфа): разработка сайтов, приложений, программ и ИИ-решений. Ведущий центр ИИ-исследований и обучения. Трансформируем бизнес с помощью ИИ.">
<meta name="keywords" content="разработка сайтов Уфа, разработка приложений Уфа, разработка программ Уфа, ИИ-решения Уфа, искусственный интеллект Уфа, центр исследования ИИ Уфа, обучение ИИ Уфа, AI Ufa, iiEasy, создание сайтов, разработка программного обеспечения">
<link rel="icon" href='data:image/svg+xml,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="70" stroke="%231F2937" stroke-width="6" fill="none" stroke-dasharray="15 85"/><circle cx="100" cy="100" r="50" stroke="%231F2937" stroke-width="6" fill="none" stroke-dasharray="12 58" transform="rotate(30 100 100)"/><circle cx="100" cy="100" r="30" stroke="%231F2937" stroke-width="6" fill="none" stroke-dasharray="8 32" transform="rotate(60 100 100)"/></svg>' type="image/svg+xml" sizes="any">
<script src="/js/tailwind.js"></script>
<style>
@import url('https://fonts.cdnfonts.com/css/openai-sans');
html {
scroll-behavior: smooth;
}
body {
font-family: 'OpenAI Sans', sans-serif;
color: #1F2937; /* text-gray-800 */
scroll-behavior: smooth; /* Added smooth scroll to body */
}
.font-quicksand {
font-family: 'OpenAI Sans', sans-serif;
}
@keyframes auto-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@keyframes blob {
0% {
transform: scale(1) translate(0px, 0px);
}
33% {
transform: scale(1.1) translate(30px, -50px);
}
66% {
transform: scale(0.9) translate(-20px, 20px);
}
100% {
transform: scale(1) translate(0px, 0px);
}
}
.animate-blob {
animation: blob 10s infinite ease-in-out;
}
.animation-delay-2000 {
animation-delay: 2s;
}
.animation-delay-4000 {
animation-delay: 4s;
}
@keyframes cloud-breathe {
0%, 100% { transform: scale(1); opacity: 0.7; }
50% { transform: scale(1.02); opacity: 0.9; }
}
@keyframes cloud-drift {
0%, 100% { transform: translateX(0) translateY(0); }
50% { transform: translateX(5px) translateY(3px); }
}
.animate-cloud-effect {
animation: cloud-breathe 3s infinite ease-in-out, cloud-drift 4s infinite ease-in-out alternate;
}
@keyframes text-shimmer {
0%, 100% { opacity: 0.8; transform: scale(1); }
50% { opacity: 1; transform: scale(1.02); }
}
.animate-text-shimmer {
animation: text-shimmer 2s infinite ease-in-out;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
@keyframes safety-diagram-arrow-flow {
0% { transform: translateY(0); }
50% { transform: translateY(6px); }
100% { transform: translateY(0); }
}
.animate-safety-arrow {
animation: safety-diagram-arrow-flow 2s infinite ease-in-out;
}
/* Styles for on-scroll animations */
.scroll-animate {
opacity: 0;
transform: translateY(1.25rem);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-animate-visible {
opacity: 1;
transform: translateY(0);
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #9ca3af; /* gray-400 */
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #6b7280; /* gray-500 */
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>
<script>
tailwind.config = {
theme: {
extend: {
typography: ({ theme }) => ({
DEFAULT: {
css: {
'--tw-prose-body': theme('colors.slate[700]'),
'--tw-prose-headings': theme('colors.slate[800]'),
'--tw-prose-lead': theme('colors.slate[600]'),
'--tw-prose-links': theme('colors.slate[900]'),
'--tw-prose-bold': theme('colors.slate[900]'),
'--tw-prose-counters': theme('colors.slate[500]'),
'--tw-prose-bullets': theme('colors.slate[400]'),
'--tw-prose-hr': theme('colors.slate[200]'),
'--tw-prose-quotes': theme('colors.slate[800]'),
'--tw-prose-quote-borders': theme('colors.slate[300]'),
'--tw-prose-captions': theme('colors.slate[500]'),
'--tw-prose-code': theme('colors.rose[600]'),
'--tw-prose-pre-code': theme('colors.slate[200]'),
'--tw-prose-pre-bg': theme('colors.slate[800]'),
'--tw-prose-th-borders': theme('colors.slate[300]'),
'--tw-prose-td-borders': theme('colors.slate[200]'),
a: {
fontWeight: '500',
textDecoration: 'none',
borderBottom: `1px solid ${theme('colors.slate.300')}`,
transition: 'all 0.2s ease-in-out',
'&:hover': {
borderColor: theme('colors.slate.800'),
color: theme('colors.slate.900'),
},
},
'h1, h2, h3, h4, h5, h6': {
fontFamily: `'OpenAI Sans', sans-serif`,
fontWeight: '600',
color: 'var(--tw-prose-headings)',
},
h1: {
fontSize: theme('fontSize.3xl')[0],
lineHeight: theme('fontSize.3xl')[1].lineHeight,
marginTop: '1.5em',
marginBottom: '0.8em',
},
h2: {
fontSize: theme('fontSize.2xl')[0],
lineHeight: theme('fontSize.2xl')[1].lineHeight,
marginTop: '2em',
marginBottom: '1em',
borderBottom: `1px solid ${theme('colors.slate.200')}`,
paddingBottom: '0.4em'
},
h3: {
fontSize: theme('fontSize.xl')[0],
lineHeight: theme('fontSize.xl')[1].lineHeight,
marginTop: '1.8em',
marginBottom: '0.8em',
},
h4: {
fontSize: theme('fontSize.lg')[0],
lineHeight: theme('fontSize.lg')[1].lineHeight,
marginTop: '1.5em',
marginBottom: '0.5em',
fontWeight: '600',
},
h5: {
fontSize: theme('fontSize.base')[0],
lineHeight: theme('fontSize.base')[1].lineHeight,
marginTop: '1.5em',
marginBottom: '0.5em',
fontWeight: '600',
},
h6: {
fontSize: theme('fontSize.sm')[0],
lineHeight: theme('fontSize.sm')[1].lineHeight,
color: theme('colors.slate.600'),
marginTop: '1.5em',
marginBottom: '0.5em',
fontWeight: '600',
},
blockquote: {
fontStyle: 'normal',
fontWeight: '400',
paddingLeft: '1.5rem',
borderLeftWidth: '0.25rem',
borderColor: 'var(--tw-prose-quote-borders)',
backgroundColor: theme('colors.slate.50'),
paddingTop: '0.75rem',
paddingBottom: '0.75rem',
paddingRight: '1rem',
borderRadius: '0.5rem',
},
'blockquote p:first-of-type::before': { content: '""' },
'blockquote p:last-of-type::after': { content: '""' },
'code': {
backgroundColor: theme('colors.slate.100'),
padding: '0.2em 0.4em',
borderRadius: '6px',
fontWeight: '400',
},
'code::before': { content: '""' },
'code::after': { content: '""' },
pre: {
borderRadius: '0.5rem',
},
table: {
width: '100%',
marginTop: '1.5em',
marginBottom: '1.5em',
borderCollapse: 'collapse',
fontSize: theme('fontSize.sm')[0],
lineHeight: theme('fontSize.sm')[1].lineHeight,
},
thead: {
borderBottomWidth: '2px',
borderBottomColor: 'var(--tw-prose-th-borders)',
},
'thead th': {
fontWeight: '600',
padding: '0.75rem 1rem',
textAlign: 'left',
verticalAlign: 'bottom',
color: 'var(--tw-prose-headings)',
},
'tbody tr': {
borderBottomWidth: '1px',
borderBottomColor: 'var(--tw-prose-td-borders)',
},
'tbody tr:last-child': {
borderBottomWidth: '0',
},
'tbody td': {
padding: '0.75rem 1rem',
verticalAlign: 'top',
},
'tbody tr:nth-child(odd)': {
backgroundColor: theme('colors.slate.50', '#f8fafc'),
},
},
},
}),
},
},
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "iiEasy",
"description": "iiEasy (Уфа): разработка сайтов, приложений, программ и ИИ-решений. Ведущий центр ИИ-исследований и обучения. Трансформируем бизнес с помощью ИИ.",
"address": {
"@type": "PostalAddress",
"streetAddress": "ул. Комсомольская, 19/1",
"addressLocality": "Уфа",
"addressRegion": "Республика Башкортостан",
"postalCode": "450000",
"addressCountry": "RU"
},
"email": "hello@iieasy.ru",
"url": "https://iieasy.ru",
"image": "https://iieasy.ru/logo.png",
"telephone": "+7 963 890 8700",
"priceRange": "$$",
"areaServed": {
"@type": "City",
"name": "Уфа"
},
"keywords": "разработка сайтов Уфа, разработка приложений Уфа, разработка программ Уфа, ИИ-решения Уфа, искусственный интеллект Уфа, центр исследования ИИ Уфа, обучение ИИ Уфа, AI Ufa, iiEasy, создание сайтов, разработка программного обеспечения",
"makesOffer": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Разработка веб-сайтов",
"description": "Профессиональная разработка современных и адаптивных веб-сайтов для вашего бизнеса."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Разработка мобильных приложений",
"description": "Создание кастомных мобильных приложений под iOS и Android."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Разработка программного обеспечения",
"description": "Разработка программ и корпоративных систем любой сложности."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Решения на базе Искусственного Интеллекта",
"description": "Внедрение ИИ для автоматизации, анализа данных и создания инновационных продуктов."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Исследования в области ИИ",
"description": "Научно-исследовательская деятельность и разработка новых ИИ-алгоритмов."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Обучение Искусственному Интеллекту",
"description": "Курсы и образовательные программы по ИИ для специалистов и компаний в Уфе."
}
}
],
"department": [
{
"@type": "Organization",
"name": "Разработка ПО и Веб-решений",
"description": "Создание сайтов, веб-приложений, мобильных приложений и программного обеспечения."
},
{
"@type": "Organization",
"name": "ИИ-Решения и Консалтинг",
"description": "Разработка и внедрение решений на базе искусственного интеллекта, AI-консалтинг."
},
{
"@type": "Organization",
"name": "Центр Исследований ИИ г. Уфа",
"description": "Проведение исследований в области искусственного интеллекта в Уфе."
},
{
"@type": "Organization",
"name": "Академия ИИ iiEasy (Уфа)",
"description": "Обучение искусственному интеллекту, курсы и образовательные программы по ИИ в Уфе."
}
]
}
</script>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@^19.1.0",
"react-dom/": "https://esm.sh/react-dom@^19.1.0/",
"react/": "https://esm.sh/react@^19.1.0/",
"path": "https://esm.sh/path@^0.12.7",
"url": "https://esm.sh/url@^0.11.4",
"vite": "https://esm.sh/vite@^7.0.2",
"@heroicons/react/": "https://esm.sh/@heroicons/react@^2.2.0/",
"marked": "https://esm.sh/marked@^13.0.2"
}
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>