سیمرغ هوشمند کیهان | راهکارهای هوشمند دیجیتال
راهکارهای هوشمند دیجیتال
فناوری هوشمند، برای رشد کسبوکار شما
سیمرغ هوشمند کیهان با تیمی متخصص، در زمینه طراحی سایت، اپلیکیشن، هوش مصنوعی و سئو، همراه مسیر تحول دیجیتال کسبوکار شماست.
AI
۱۶+پروژه موفق
۲۵مشتری فعال
۱۶پروژه موفق
۴پروژه تکمیلشده
۲۵مشتری فعال
۸متخصص حرفهای
۳سال تجربه
خدمات ما
هر آنچه برای دیجیتالشدن نیاز دارید
⌘
طراحی وبسایت
وبسایت سریع، واکنشگرا و بهینه متناسب با کسبوکار شما
▣
اپلیکیشن موبایل
طراحی و توسعه اپلیکیشنهای بومیسازیشده و سوپر اپلیکیشن
AI
هوش مصنوعی
راهکارهای هوشمند برای خودکارسازی و افزایش بهرهوری کسبوکار
SEO
سئو و بازاریابی
افزایش دیدهشدن برند و جذب مشتری از موتورهای جستوجو
↗
تحول دیجیتال
طراحی و پیادهسازی مسیر دیجیتالشدن کسبوکار شما
⚙
راهکار اختصاصی
توسعه سامانهها و نرمافزارهای اختصاصی متناسب با نیاز شما
درباره ما
فناوری را به مزیت رقابتی تبدیل میکنیم
ما در سیمرغ هوشمند کیهان، فناوری را ساده، کاربردی و نتیجهمحور طراحی میکنیم تا کسبوکارها سریعتر رشد کنند.
✓ طراحی اختصاصی
✓ پشتیبانی تخصصی
✓ توسعه مقیاسپذیر
✓ امنیت و کیفیت
مشتریان
همراه کسبوکارهای رو به رشد
Web
AI
Mobile
SEO
Digital
Smart
Web
AI
Mobile
SEO
نمونهکارها
چند نمونه از راهکارهای ما
AI
هوش مصنوعیسامانه هوشمند کسبوکار
اتوماسیون و تحلیل داده
WEB
وبسایتپلتفرم خدمات آنلاین
طراحی سریع و واکنشگرا
APP
اپلیکیشناپلیکیشن خدمات شهری
تجربه کاربری ساده و حرفهای
SEO
سئورشد ارگانیک برند
افزایش بازدید و جذب مشتری
آماده شروع یک پروژه هوشمند هستید؟
برای دریافت مشاوره و بررسی ایده کسبوکار خود با ما تماس بگیرید.
مشاوره رایگان
/* ===============================
Enhanced UI Layer
محتوای صفحه بدون تغییر
================================ */
:root {
--primary: #6848f5;
--primary-dark: #5134d6;
--primary-light: #f0edff;
--secondary: #12bfa0;
--ink: #151a31;
--muted: #73798c;
--bg: #ffffff;
--soft: #f7f8fc;
--line: #e7e9f2;
--shadow-sm: 0 8px 24px rgba(38, 42, 86, .06);
--shadow-md: 0 18px 45px rgba(38, 42, 86, .11);
--shadow-lg: 0 28px 80px rgba(59, 42, 145, .17);
--radius: 20px;
}
/* ظاهر عمومی */
::selection {
color: #fff;
background: var(--primary);
}
body {
background:
radial-gradient(circle at 100% 0%, rgba(104, 72, 245, .035), transparent 28%),
var(--bg);
}
.container {
width: min(1160px, 92%);
}
section {
position: relative;
}
section:not(.hero)::before {
content: "";
position: absolute;
top: 0;
right: 50%;
width: 80px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(104, 72, 245, .25));
transform: translateX(50%);
}
/* نوار زبان */
.langbar {
background:
linear-gradient(90deg, rgba(104, 72, 245, .1), rgba(18, 191, 160, .08)),
rgba(255, 255, 255, .86);
border-bottom: 1px solid rgba(104, 72, 245, .18);
box-shadow: 0 4px 20px rgba(25, 29, 62, .04);
}
.langbar-inner {
min-height: 42px;
}
.lang-btn {
box-shadow: 0 2px 8px rgba(25, 29, 62, .04);
}
.lang-btn:hover {
box-shadow: 0 7px 18px rgba(25, 29, 62, .1);
}
.lang-btn.active {
box-shadow: 0 8px 20px rgba(104, 72, 245, .25);
}
/* هدر */
header {
background: rgba(255, 255, 255, .82);
border-bottom-color: rgba(231, 233, 242, .9);
box-shadow: 0 8px 25px rgba(25, 29, 62, .04);
}
.navbar {
min-height: 78px;
}
.logo {
transition: transform .25s ease;
}
.logo:hover {
transform: translateY(-2px);
}
.logo-icon {
position: relative;
overflow: hidden;
box-shadow: 0 9px 20px rgba(104, 72, 245, .28);
}
.logo-icon::after {
content: "";
position: absolute;
inset: -30%;
background: linear-gradient(
110deg,
transparent 35%,
rgba(255, 255, 255, .35) 50%,
transparent 65%
);
transform: translateX(-100%) rotate(12deg);
transition: transform .6s ease;
}
.logo:hover .logo-icon::after {
transform: translateX(100%) rotate(12deg);
}
.desktop-nav {
align-items: center;
gap: 8px;
}
.desktop-nav a {
position: relative;
padding: 9px 13px;
border-radius: 10px;
transition: color .25s ease, background .25s ease;
}
.desktop-nav a::after {
content: "";
position: absolute;
right: 13px;
left: 13px;
bottom: 3px;
height: 2px;
border-radius: 10px;
background: var(--primary);
transform: scaleX(0);
transition: transform .25s ease;
}
.desktop-nav a:hover {
color: var(--primary);
background: var(--primary-light);
}
.desktop-nav a:hover::after {
transform: scaleX(1);
}
/* دکمهها */
.btn {
position: relative;
overflow: hidden;
box-shadow: var(--shadow-sm);
}
.btn::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 70px;
background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.24),
transparent
);
transform: translateX(-120px) skewX(-18deg);
transition: transform .5s ease;
}
.btn:hover::before {
transform: translateX(190px) skewX(-18deg);
}
.btn-primary {
background: linear-gradient(135deg, var(--primary), #8968ff);
box-shadow: 0 10px 25px rgba(104, 72, 245, .25);
}
.btn-primary:hover {
background: linear-gradient(135deg, var(--primary-dark), var(--primary));
box-shadow: 0 15px 32px rgba(104, 72, 245, .32);
}
.btn-ghost {
box-shadow: none;
}
/* فوکوس برای دسترسی بهتر */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
outline: 3px solid rgba(18, 191, 160, .35);
outline-offset: 3px;
}
/* بخش اصلی */
.hero {
min-height: 650px;
display: flex;
align-items: center;
padding-top: 165px;
background:
radial-gradient(circle at 82% 16%, rgba(104, 72, 245, .13), transparent 30%),
radial-gradient(circle at 8% 82%, rgba(18, 191, 160, .1), transparent 27%),
linear-gradient(180deg, #fcfcff 0%, #fff 100%);
}
.hero-grid {
gap: 75px;
}
.eyebrow {
border: 1px solid rgba(104, 72, 245, .11);
box-shadow: 0 8px 22px rgba(104, 72, 245, .07);
}
.eyebrow i {
box-shadow: 0 0 0 5px rgba(18, 191, 160, .12);
animation: pulseDot 2s ease-in-out infinite;
}
.hero h1 {
letter-spacing: -.6px;
}
.hero h1 .hl {
background: linear-gradient(135deg, var(--primary), #a37dff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.hero p {
line-height: 2.15;
}
/* تصویر انتزاعی هوش مصنوعی */
.hero-visual {
min-height: 440px;
}
.hero-visual::before,
.hero-visual::after {
content: "";
position: absolute;
border-radius: 50%;
border: 1px solid rgba(104, 72, 245, .12);
pointer-events: none;
}
.hero-visual::before {
width: 410px;
height: 410px;
animation: rotateRing 24s linear infinite;
}
.hero-visual::after {
width: 470px;
height: 470px;
border-style: dashed;
border-color: rgba(18, 191, 160, .16);
animation: rotateRingReverse 30s linear infinite;
}
.orb {
z-index: 1;
width: min(350px, 70vw);
background:
radial-gradient(circle at 30% 25%, rgba(255,255,255,.55), transparent 13%),
radial-gradient(circle at 35% 25%, #bbaaff, transparent 42%),
linear-gradient(145deg, #251852, #6348e5 58%, #9b7cff);
box-shadow:
inset -25px -25px 55px rgba(17, 8, 60, .35),
inset 15px 15px 35px rgba(255, 255, 255, .2),
0 25px 75px rgba(76, 51, 192, .3);
}
.orb::after {
content: "";
position: absolute;
inset: 48px;
border: 1px dashed rgba(255,255,255,.3);
border-radius: 50%;
animation: rotateRing 18s linear infinite;
}
.orb b {
z-index: 2;
text-shadow: 0 8px 25px rgba(0,0,0,.22);
}
.chip-card {
z-index: 3;
min-width: 125px;
border-color: rgba(104, 72, 245, .12);
box-shadow: var(--shadow-md);
}
.chip-card strong {
font-size: 20px;
}
/* آمار */
.stats-box {
position: relative;
padding-top: 52px;
}
.stat {
padding: 12px;
border-radius: 16px;
transition: background .25s ease, transform .25s ease;
}
.stat:hover {
background: var(--primary-light);
transform: translateY(-4px);
}
.stat strong {
background: linear-gradient(135deg, var(--primary), #9b7cff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
/* تیتر بخشها */
.section-head .mini {
display: inline-block;
padding: 5px 12px;
border-radius: 999px;
background: var(--primary-light);
letter-spacing: .6px;
}
.section-head h2 {
letter-spacing: -.35px;
}
/* کارت خدمات و نمونهکار */
.services-grid,
.portfolio-grid {
gap: 20px;
}
.service,
.work {
position: relative;
border-color: rgba(231, 233, 242, .95);
box-shadow: 0 5px 18px rgba(38, 42, 86, .035);
}
.service::before,
.work::before {
content: "";
position: absolute;
right: 18px;
left: 18px;
top: 0;
height: 3px;
border-radius: 0 0 8px 8px;
background: linear-gradient(90deg, var(--primary), var(--secondary));
transform: scaleX(0);
transition: transform .3s ease;
}
.service:hover::before,
.work:hover::before {
transform: scaleX(1);
}
.service:hover,
.work:hover {
transform: translateY(-8px);
border-color: rgba(104, 72, 245, .3);
box-shadow: var(--shadow-md);
}
.service-icon {
font-weight: 800;
box-shadow: inset 0 0 0 1px rgba(104, 72, 245, .08);
transition: transform .3s ease, background .3s ease;
}
.service:hover .service-icon {
transform: rotate(-6deg) scale(1.08);
background: linear-gradient(135deg, var(--primary), #9274ff);
color: #fff;
}
.service h3,
.work-body h3 {
transition: color .25s ease;
}
.service:hover h3,
.work:hover h3 {
color: var(--primary);
}
/* درباره ما */
.about {
background:
radial-gradient(circle at 10% 20%, rgba(18, 191, 160, .07), transparent 25%),
linear-gradient(180deg, #f8f8fc, #f5f6fb);
}
.feature {
box-shadow: 0 6px 18px rgba(38, 42, 86, .04);
transition: transform .25s ease, box-shadow .25s ease;
}
.feature:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-sm);
}
/* نوار متحرک */
.marquee {
padding: 14px 0;
}
.mq-track {
animation-duration: 30s;
}
.mq-chip {
box-shadow: 0 5px 16px rgba(38, 42, 86, .05);
transition: transform .25s ease, border-color .25s ease;
}
.mq-chip:hover {
transform: translateY(-3px);
border-color: var(--secondary);
}
/* نمونهکارها */
.portfolio {
background:
radial-gradient(circle at 90% 5%, rgba(104, 72, 245, .07), transparent 25%),
var(--soft);
}
.work-cover {
position: relative;
overflow: hidden;
}
.work-cover::before {
content: "";
position: absolute;
width: 180px;
height: 180px;
border: 1px solid currentColor;
border-radius: 50%;
opacity: .12;
}
.work-cover span {
z-index: 1;
font-weight: 800;
transition: transform .3s ease;
}
.work:hover .work-cover span {
transform: scale(1.12) rotate(4deg);
}
/* دعوت به اقدام */
.cta-box {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 15% 15%, rgba(255,255,255,.7), transparent 25%),
linear-gradient(135deg, #f1edff, #eafaf6);
border: 1px solid rgba(104, 72, 245, .1);
box-shadow: var(--shadow-sm);
}
.cta-box::before,
.cta-box::after {
content: "";
position: absolute;
border: 1px solid rgba(104, 72, 245, .13);
border-radius: 50%;
pointer-events: none;
}
.cta-box::before {
width: 260px;
height: 260px;
right: -90px;
top: -130px;
}
.cta-box::after {
width: 180px;
height: 180px;
left: -70px;
bottom: -100px;
}
.cta-box > * {
position: relative;
z-index: 1;
}
/* فرم تماس */
.contact-info,
.contact-form {
box-shadow: 0 8px 25px rgba(38, 42, 86, .045);
}
.contact-detail {
transition: padding .25s ease, background .25s ease;
border-radius: 12px;
}
.contact-detail:hover {
padding-right: 8px;
padding-left: 8px;
background: rgba(255,255,255,.65);
}
.contact-detail .ic {
transition: transform .25s ease, background .25s ease;
}
.contact-detail:hover .ic {
color: #fff;
background: var(--primary);
transform: scale(1.08);
}
.field input,
.field textarea {
transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.field input:hover,
.field textarea:hover {
background: #fdfdff;
border-color: rgba(104, 72, 245, .35);
}
/* پیام ثبت فرم */
#form-ok {
margin-top: 16px;
padding: 12px 15px;
border-radius: 12px;
color: #087d68;
background: #e8faf5;
border: 1px solid #bcefe4;
font-size: 13px;
animation: successIn .35s ease both;
}
#form-ok p {
margin: 0;
}
/* فوتر */
footer {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 85% 0%, rgba(104, 72, 245, .18), transparent 28%),
#101427;
}
footer::before {
content: "";
position: absolute;
width: 360px;
height: 360px;
left: -180px;
bottom: -220px;
border: 1px solid rgba(255,255,255,.06);
border-radius: 50%;
}
.footer-grid,
.footer-bottom {
position: relative;
z-index: 1;
}
.footer-brand .logo-icon {
display: grid;
place-items: center;
}
/* منوی موبایل */
.tabbar {
box-shadow: 0 -8px 25px rgba(25, 29, 62, .1);
}
.tabbar a {
transition: color .25s ease, transform .25s ease;
}
.tabbar a:active {
transform: scale(.92);
}
.tabbar a.active svg,
.tabbar a.active span:first-child {
filter: drop-shadow(0 4px 8px rgba(104, 72, 245, .25));
}
/* انیمیشنها */
@keyframes pulseDot {
0%, 100% {
box-shadow: 0 0 0 4px rgba(18, 191, 160, .1);
}
50% {
box-shadow: 0 0 0 8px rgba(18, 191, 160, .02);
}
}
@keyframes rotateRing {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes rotateRingReverse {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
@keyframes successIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* موبایل */
@media (max-width: 767px) {
.hero {
min-height: auto;
padding-top: 135px;
}
.hero-grid {
gap: 20px;
}
.hero h1 {
font-size: clamp(27px, 8vw, 40px);
}
.hero p {
font-size: 14px;
}
.hero-visual {
min-height: 350px;
}
.hero-visual::before {
width: 320px;
height: 320px;
}
.hero-visual::after {
width: 370px;
height: 370px;
}
.orb {
width: min(280px, 72vw);
}
.orb::after {
inset: 35px;
}
.chip-card {
min-width: 115px;
}
.services-grid,
.portfolio-grid {
grid-template-columns: 1fr;
}
.contact-info,
.contact-form {
padding: 22px 18px;
}
.cta-box {
padding: 40px 18px;
}
}
@media (max-width: 420px) {
.hero-buttons {
flex-direction: column;
}
.hero-buttons .btn {
width: 100%;
}
.features {
grid-template-columns: 1fr;
}
.stats-box {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.stat:last-child {
grid-column: 1 / -1;
}
}
/* توقف انیمیشن هنگام هاور */
.marquee:hover .mq-track {
animation-play-state: paused;
}
/* کاهش حرکت برای کاربران حساس به انیمیشن */
@media (prefers-reduced-motion: reduce) {
.hero-visual::before,
.hero-visual::after,
.orb::after,
.eyebrow i {
animation: none !important;
}
}