391 lines
16 KiB
HTML
391 lines
16 KiB
HTML
|
<!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://www.iieasy.example.com",
|
|||
|
|
"image": "https://www.iieasy.example.com/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>
|