391 lines
16 KiB
HTML
Executable File
391 lines
16 KiB
HTML
Executable File
<!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> |