:root {
--primary-color: #2563eb;
--secondary-color: #1e40af;
--text-color: #1f2937;
--text-light: #6b7280;
--bg-color: #ffffff;
--bg-light: #f9fafb;
--border-color: #e5e7eb;
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
.main-title {
font-size: 48px;
font-weight: 700;
margin-bottom: 10px;
animation: fadeInDown 0.8s ease;
}
.subtitle {
font-size: 1.25rem;
opacity: 0.9;
animation: fadeInUp 0.8s ease;
}
/* Hero Section */
.hero {
padding: 60px 0;
background: var(--bg-color);
}
.hero-content {
text-align: center;
}
.hero-image {
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: var(--shadow-lg);
transition: var(--transition);
}
.hero-image:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
}
/* Features Container */
.features-container {
padding: 60px 0;
min-height: 400px;
}
/* Modüler Feature Card Stil Şablonu */
.feature-section {
margin-bottom: 80px;
animation: fadeIn 0.8s ease;
}
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 40px;
}
.feature-card {
background: var(--bg-color);
border-radius: 12px;
padding: 30px;
box-shadow: var(--shadow);
transition: var(--transition);
border: 1px solid var(--border-color);
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-color);
}
.feature-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-size: 24px;
border: 2px solid #bae6fd;
color: #0284c7;
}
.feature-icon.icon-blue {
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
border-color: #93c5fd;
color: #1e40af;
}
.feature-icon.icon-purple {
background: linear-gradient(135deg, #ede9fe, #ddd6fe);
border-color: #c4b5fd;
color: #7c3aed;
}
.feature-icon.icon-green {
background: linear-gradient(135deg, #d1fae5, #a7f3d0);
border-color: #6ee7b7;
color: #059669;
}
.feature-icon.icon-orange {
background: linear-gradient(135deg, #fed7aa, #fdba74);
border-color: #fb923c;
color: #ea580c;
}
.feature-icon.icon-pink {
background: linear-gradient(135deg, #fce7f3, #fbcfe8);
border-color: #f9a8d4;
color: #db2777;
}
.feature-icon.icon-teal {
background: linear-gradient(135deg, #ccfbf1, #99f6e4);
border-color: #5eead4;
color: #0d9488;
}
.feature-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
color: var(--text-color);
}
.feature-description {
color: var(--text-light);
line-height: 1.8;
}
.feature-image {
max-width: 100%;
height: auto;
border-radius: 12px;
margin-top: 20px;
box-shadow: var(--shadow);
}
/* Section Title */
.section-title {
font-size: 40px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
color: var(--text-color);
}
.section-title i {
color: var(--primary-color);
margin-right: 10px;
}
.section-subtitle {
text-align: center;
color: var(--text-light);
font-size: 18px;
margin-bottom: 40px;
}
/* Feature Showcase */
.feature-showcase {
background: var(--bg-color);
border-radius: 16px;
padding: 40px;
box-shadow: var(--shadow-lg);
margin-bottom: 40px;
}
.showcase-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
.showcase-text {
padding-right: 20px;
}
.feature-list {
list-style: none;
margin-top: 25px;
}
.feature-list li {
padding: 12px 0;
color: var(--text-color);
font-size: 16px;
border-bottom: 1px solid var(--border-color);
transition: var(--transition);
}
.feature-list li:last-child {
border-bottom: none;
}
.feature-list li:hover {
padding-left: 10px;
color: var(--primary-color);
}
/* Theme Preview */
.theme-preview {
display: flex;
flex-direction: column;
gap: 20px;
}
.preview-light,
.preview-dark {
border-radius: 12px;
overflow: hidden;
box-shadow: var(--shadow-lg);
transition: var(--transition);
}
.preview-light:hover,
.preview-dark:hover {
transform: scale(1.02);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}
.preview-light {
background: #ffffff;
border: 2px solid #e5e7eb;
}
.preview-dark {
background: #1f2937;
border: 2px solid #374151;
}
.preview-header {
padding: 15px 20px;
font-weight: 600;
font-size: 14.4px;
text-align: center;
}
.preview-light .preview-header {
background: linear-gradient(135deg, #fbbf24, #f59e0b);
color: #ffffff;
}
.preview-dark .preview-header {
background: linear-gradient(135deg, #6366f1, #4f46e5);
color: #ffffff;
}
.preview-body {
padding: 20px;
display: flex;
gap: 10px;
}
.preview-card {
flex: 1;
height: 80px;
border-radius: 8px;
transition: var(--transition);
}
.preview-card.light {
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
border: 1px solid #d1d5db;
}
.preview-card.dark {
background: linear-gradient(135deg, #374151, #4b5563);
border: 1px solid #6b7280;
}
.preview-card:hover {
transform: translateY(-3px);
}
/* Feature Stats */
.feature-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 40px;
}
.stat-card {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
padding: 30px;
border-radius: 12px;
text-align: center;
box-shadow: var(--shadow);
transition: var(--transition);
}
.stat-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.stat-number {
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
}
.stat-label {
font-size: 15.2px;
opacity: 0.9;
}
/* Footer */
.footer {
background: var(--text-color);
color: white;
padding: 30px 0;
text-align: center;
margin-top: 60px;
}
/* Animations */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Vertical Showcase Layout */
.showcase-content-vertical {
display: flex;
flex-direction: column;
gap: 40px;
}
.showcase-text-center {
text-align: center;
max-width: 900px;
margin: 0 auto;
}
/* Image Grid */
.image-grid-2col {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 30px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.image-card {
background: var(--bg-light);
border-radius: 12px;
padding: 12px;
transition: var(--transition);
border: 2px solid var(--border-color);
}
.image-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-color);
}
.feature-image-large {
width: 100%;
max-width: 650px;
height: auto;
border-radius: 8px;
box-shadow: var(--shadow);
display: block;
margin: 0 auto;
}
.image-caption {
text-align: center;
color: var(--text-light);
font-size: 14px;
margin-top: 10px;
font-weight: 500;
}
/* Feature Highlights */
.feature-highlights {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 30px;
}
.highlight-card {
background: linear-gradient(135deg, #f3f4f6, #ffffff);
border-radius: 12px;
padding: 25px 20px;
text-align: center;
transition: var(--transition);
border: 1px solid var(--border-color);
}
.highlight-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
background: linear-gradient(135deg, #ffffff, #f3f4f6);
}
.highlight-icon {
font-size: 40px;
margin-bottom: 15px;
display: inline-block;
}
.highlight-card h4 {
font-size: 17.6px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 8px;
}
.highlight-card p {
font-size: 14.4px;
color: var(--text-light);
line-height: 1.5;
}
/* AI Badge */
.ai-badge-container {
text-align: center;
margin-bottom: 40px;
}
.ai-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #8b5cf6, #6366f1);
color: white;
padding: 12px 24px;
border-radius: 50px;
font-weight: 600;
font-size: 17.6px;
box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
animation: pulse 2s infinite;
}
.ai-icon {
font-size: 24px;
display: inline-flex;
align-items: center;
}
.ai-icon i {
display: inline-block;
}
.ai-description {
max-width: 700px;
margin: 20px auto 0;
color: var(--text-light);
font-size: 16px;
line-height: 1.7;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}
50% {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5);
}
}
/* Single Image */
.image-single {
margin: 30px auto;
max-width: 750px;
}
.image-single .feature-image-large {
width: 100%;
max-width: 700px;
border-radius: 12px;
box-shadow: var(--shadow-lg);
}
.image-single .image-caption {
text-align: center;
color: var(--text-light);
font-size: 14px;
margin-top: 12px;
font-weight: 500;
}
/* Feature Grid Wrapper */
.feature-grid-wrapper {
margin-top: 50px;
}
.section-subtitle-small {
font-size: 28px;
font-weight: 600;
text-align: center;
color: var(--text-color);
margin-bottom: 30px;
}
.section-subtitle-small i {
margin-right: 8px;
}
.feature-card-title {
font-size: 17.6px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 10px;
}
.feature-card-text {
font-size: 14.4px;
color: var(--text-light);
line-height: 1.6;
}
/* Variant Highlights */
.variant-highlights {
margin-top: 50px;
padding: 40px;
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
border-radius: 16px;
border: 2px solid #bae6fd;
}
.variant-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 30px;
}
.variant-card {
background: white;
border-radius: 12px;
padding: 30px 20px;
text-align: center;
transition: var(--transition);
box-shadow: var(--shadow);
border: 2px solid transparent;
}
.variant-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-color);
}
.variant-number {
font-size: 40px;
font-weight: 700;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 15px;
}
.variant-number i {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.variant-card p {
font-size: 15.2px;
color: var(--text-color);
font-weight: 500;
line-height: 1.5;
}
/* Review System Styles */
.review-description {
text-align: center;
max-width: 800px;
margin: 40px auto;
padding: 30px;
background: linear-gradient(135deg, #fef3c7, #fde68a);
border-radius: 16px;
border: 2px solid #fbbf24;
}
.review-features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 40px;
}
.review-feature-card {
background: white;
border-radius: 12px;
padding: 30px 20px;
text-align: center;
transition: var(--transition);
box-shadow: var(--shadow);
border: 2px solid var(--border-color);
}
.review-feature-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-color);
}
.review-icon {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28.8px;
transition: var(--transition);
}
.review-icon.icon-yellow {
background: linear-gradient(135deg, #fef3c7, #fde68a);
border: 3px solid #fbbf24;
color: #f59e0b;
}
.review-icon.icon-blue {
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
border: 3px solid #93c5fd;
color: #1e40af;
}
.review-icon.icon-purple {
background: linear-gradient(135deg, #ede9fe, #ddd6fe);
border: 3px solid #c4b5fd;
color: #7c3aed;
}
.review-icon.icon-green {
background: linear-gradient(135deg, #d1fae5, #a7f3d0);
border: 3px solid #6ee7b7;
color: #059669;
}
.review-icon.icon-orange {
background: linear-gradient(135deg, #fed7aa, #fdba74);
border: 3px solid #fb923c;
color: #ea580c;
}
.review-icon.icon-pink {
background: linear-gradient(135deg, #fce7f3, #fbcfe8);
border: 3px solid #f9a8d4;
color: #db2777;
}
.review-feature-card h4 {
font-size: 18.4px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 12px;
}
.review-feature-card p {
font-size: 14.4px;
color: var(--text-light);
line-height: 1.6;
}
/* Trust Stats */
.trust-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-top: 50px;
padding: 40px;
background: linear-gradient(135deg, #f0fdf4, #dcfce7);
border-radius: 16px;
border: 2px solid #86efac;
}
.trust-stat-card {
text-align: center;
padding: 20px;
}
.trust-number {
font-size: 48px;
font-weight: 700;
background: linear-gradient(135deg, #059669, #10b981);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 10px;
padding-bottom: 13px;
padding-top: 13px;
}
.trust-stat-card p {
font-size: 15.2px;
color: var(--text-color);
font-weight: 500;
line-height: 1.5;
}
/* Campaign System Styles */
.campaign-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
margin-top: 40px;
}
.campaign-card {
background: white;
border-radius: 12px;
padding: 25px 15px;
text-align: center;
transition: var(--transition);
box-shadow: var(--shadow);
border: 2px solid var(--border-color);
}
.campaign-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.campaign-icon {
width: 60px;
height: 60px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
font-size: 24px;
transition: var(--transition);
border: 2px solid;
}
.campaign-icon.icon-red {
background: linear-gradient(135deg, #fee2e2, #fecaca);
border-color: #fca5a5;
color: #dc2626;
}
.campaign-icon.icon-blue {
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
border-color: #93c5fd;
color: #1e40af;
}
.campaign-icon.icon-green {
background: linear-gradient(135deg, #d1fae5, #a7f3d0);
border-color: #6ee7b7;
color: #059669;
}
.campaign-icon.icon-purple {
background: linear-gradient(135deg, #ede9fe, #ddd6fe);
border-color: #c4b5fd;
color: #7c3aed;
}
.campaign-icon.icon-orange {
background: linear-gradient(135deg, #fed7aa, #fdba74);
border-color: #fb923c;
color: #ea580c;
}
.campaign-icon.icon-pink {
background: linear-gradient(135deg, #fce7f3, #fbcfe8);
border-color: #f9a8d4;
color: #db2777;
}
.campaign-icon.icon-teal {
background: linear-gradient(135deg, #ccfbf1, #99f6e4);
border-color: #5eead4;
color: #0d9488;
}
.campaign-icon.icon-yellow {
background: linear-gradient(135deg, #fef3c7, #fde68a);
border-color: #fbbf24;
color: #f59e0b;
}
.campaign-icon.icon-indigo {
background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
border-color: #a5b4fc;
color: #4f46e5;
}
.campaign-icon.icon-rose {
background: linear-gradient(135deg, #ffe4e6, #fecdd3);
border-color: #fda4af;
color: #e11d48;
}
.campaign-card h4 {
font-size: 16px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 8px;
}
.campaign-card p {
font-size: 14px;
color: var(--text-light);
line-height: 1.5;
}
/* Campaign Benefits */
.campaign-benefits {
margin-top: 50px;
padding: 40px;
background: linear-gradient(135deg, #eff6ff, #dbeafe);
border-radius: 16px;
border: 2px solid #93c5fd;
}
.benefit-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 30px;
}
.benefit-card {
background: white;
border-radius: 12px;
padding: 25px 20px;
text-align: center;
transition: var(--transition);
box-shadow: var(--shadow);
}
.benefit-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.benefit-card i {
font-size: 40px;
color: var(--primary-color);
margin-bottom: 15px;
}
.benefit-card h4 {
font-size: 17.6px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 10px;
}
.benefit-card p {
font-size: 14.4px;
color: var(--text-light);
line-height: 1.5;
}
/* Plugin System Styles */
.plugin-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
margin-top: 40px;
}
.plugin-card {
background: white;
border-radius: 12px;
padding: 25px 15px;
text-align: center;
transition: var(--transition);
box-shadow: var(--shadow);
border: 2px solid var(--border-color);
position: relative;
}
.plugin-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-color);
}
.plugin-icon {
width: 60px;
height: 60px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
font-size: 24px;
transition: var(--transition);
border: 2px solid;
}
.beta-badge {
display: inline-block;
background: linear-gradient(135deg, #fbbf24, #f59e0b);
color: white;
font-size: 0.7rem;
padding: 3px 8px;
border-radius: 8px;
font-weight: 600;
margin-left: 5px;
vertical-align: middle;
}
.plugin-card h4 {
font-size: 16px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 8px;
}
.plugin-card p {
font-size: 14px;
color: var(--text-light);
line-height: 1.5;
}
/* Plugin Features */
.plugin-features {
margin-top: 50px;
padding: 40px;
background: linear-gradient(135deg, #fef3c7, #fde68a);
border-radius: 16px;
border: 2px solid #fbbf24;
}
.plugin-feature-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 30px;
}
.plugin-feature-item {
background: white;
border-radius: 12px;
padding: 25px 20px;
text-align: center;
transition: var(--transition);
box-shadow: var(--shadow);
}
.plugin-feature-item:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.plugin-feature-item i {
font-size: 40px;
color: #f59e0b;
margin-bottom: 15px;
}
.plugin-feature-item h4 {
font-size: 17.6px;
font-weight: 600;
color: var(--text-color);
margin-bottom: 10px;
}
.plugin-feature-item p {
font-size: 14.4px;
color: var(--text-light);
line-height: 1.5;
}
/* Final CTA */
.final-cta {
margin: 80px 0;
padding: 60px 40px;
background: linear-gradient(135deg, #2563eb, #1e40af);
border-radius: 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.final-cta::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
animation: pulse-cta 3s ease-in-out infinite;
}
@keyframes pulse-cta {
0%, 100% {
transform: scale(1);
opacity: 0.5;
}
50% {
transform: scale(1.1);
opacity: 0.8;
}
}
.cta-content {
position: relative;
z-index: 1;
}
.cta-icon {
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
font-size: 40px;
color: white;
animation: bounce 2s ease-in-out infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.final-cta h2 {
font-size: 40px;
font-weight: 700;
color: white;
margin-bottom: 20px;
}
.final-cta p {
font-size: 18.4px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 35px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.cta-button {
display: inline-flex;
align-items: center;
gap: 12px;
background: white;
color: var(--primary-color);
padding: 18px 40px;
border-radius: 50px;
font-size: 18.4px;
font-weight: 600;
text-decoration: none;
transition: var(--transition);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
background: #f9fafb;
}
.cta-button i {
font-size: 19.2px;
transition: var(--transition);
}
.cta-button:hover i {
transform: translateX(5px);
}
.description-wrap ul li {
padding-left: inherit;
position: inherit;
margin-bottom: inherit;
}
.description-wrap ul li:before {
display:none;
}
/* Responsive */
@media (max-width: 768px) {
.main-title {
font-size: 32px;
}
.section-title {
font-size: 1.875rem;
}
.feature-grid {
grid-template-columns: 1fr;
}
.showcase-content {
grid-template-columns: 1fr;
gap: 30px;
}
.showcase-text {
padding-right: 0;
}
.feature-stats {
grid-template-columns: 1fr;
}
.feature-showcase {
padding: 25px;
}
.image-grid-2col {
grid-template-columns: 1fr;
}
.feature-highlights {
grid-template-columns: 1fr;
}
.variant-cards {
grid-template-columns: 1fr;
}
.variant-highlights {
padding: 25px;
}
.section-subtitle-small {
font-size: 24px;
}
.review-features-grid {
grid-template-columns: 1fr;
}
.trust-stats {
grid-template-columns: 1fr;
padding: 25px;
}
.review-description {
padding: 20px;
}
.campaign-grid {
grid-template-columns: repeat(2, 1fr);
}
.benefit-cards {
grid-template-columns: 1fr;
}
.campaign-benefits {
padding: 25px;
}
.plugin-grid {
grid-template-columns: repeat(2, 1fr);
}
.plugin-feature-cards {
grid-template-columns: 1fr;
}
.plugin-features {
padding: 25px;
}
.final-cta {
margin: 40px 0;
padding: 40px 25px;
}
.final-cta h2 {
font-size: 1.875rem;
}
.final-cta p {
font-size: 16px;
}
}
Dark & Light Mode Desteği
Kullanıcılarınıza görsel konfor sunun. Gece ve gündüz modları arasında sorunsuz geçiş yapın.
Göz Sağlığı ve Kullanıcı Deneyimi
Modern e-ticaret siteniz, kullanıcıların tercihlerine göre otomatik olarak koyu veya açık tema ile görüntülenir.
Gece kullanımında göz yorgunluğunu azaltırken, gündüz kullanımında mükemmel okunabilirlik sağlar.
- ✨ Otomatik tema algılama (sistem tercihi)
- ⚡ Anlık tema geçişi (sıfır gecikme)
- 💾 Kullanıcı tercihini hatırlama
- 🎯 Tüm sayfalarda tutarlı görünüm
Sürükle-Bırak Anasayfa Düzenleyici
Kod yazmadan, istediğiniz gibi anasayfa oluşturun. Hazır modülleri sürükleyin, bırakın ve özelleştirin.
Sınırsız Özelleştirme Özgürlüğü
Profesyonel bir e-ticaret sitesi için gereken tüm bileşenler hazır. Slider, ürün listeleri, kategoriler,
banner'lar ve daha fazlasını anasayfanıza ekleyin. Her modülün yerini değiştirin, içeriğini düzenleyin
ve markanıza özel tasarımlar yaratın.
Modülleri istediğiniz sıraya sürükleyin
Her modülü detaylı özelleştirin
Hazır Modüller
20+ hazır modül ile hızlıca başlayın
Görsel Düzenleme
Değişiklikleri anında önizleyin
Esnek Yapı
Modül sırasını kolayca değiştirin
Özel Tasarım
Renkler, fontlar, boşluklar ayarlayın
Profesyonel Ürün Yönetimi
Sade veya varyantlı ürünlerinizi kolayca yönetin. Yapay zeka desteğiyle içerik oluşturun, sınırsız varyant kombinasyonu yaratın.
Yapay Zeka Destekli
Ürün başlıkları, açıklamalar ve SEO bilgileriniz yapay zeka tarafından otomatik olarak oluşturulur.
Zamandan tasarruf edin, profesyonel içerikler elde edin.
Detaylı ürün bilgileri ve SEO ayarları tek ekrandan
AI ile otomatik başlık ve açıklama
SEO bilgilerini tek tıkla oluşturun
Sürükle-bırak ile kolay resim yönetimi
Güçlü Ürün Özellikleri
Sade & Varyantlı
Basit ürünler veya renk/beden gibi varyantlarla karmaşık ürünler ekleyin
AI İçerik Üretimi
Başlık, açıklama ve SEO meta etiketleri otomatik oluşturulur
Resim Yönetimi
Sürükle-bırak ile sıralama, çoklu yükleme, otomatik optimize
Özellik Grupları
Renk, beden, malzeme gibi gruplar oluşturun ve yönetin
Özellik Şablonları
Şablon oluşturun, benzer ürünlere otomatik uygulayın
Otomatik Varyantlar
Kombinasyonlar otomatik oluşturulur, toplu fiyat ve stok güncellemesi
Gelişmiş Varyant Yönetimi
Sınırsız varyant kombinasyonu
Otomatik kombinasyon oluşturma
Varyant bazlı stok takibi
Ürün Yorumları ve Puanlama Sistemi
Müşterileriniz ürünlerinize puan verebilir, yorum yapabilir ve fotoğraf ekleyebilir. Güven oluşturun, satışlarınızı artırın.
Müşteri Güvenini Artırın
Gerçek müşteri yorumları, potansiyel alıcıların satın alma kararlarını %70 oranında etkiler.
Profesyonel yorum ve puanlama sisteminizle müşteri deneyimini iyileştirin, güvenilirliğinizi artırın.
5 Yıldız Puanlama
Kolay ve görsel yıldız puanlama sistemi
Detaylı Yorumlar
Sınırsız karakter ile detaylı yorum yazabilme
Resimli Yorumlar
Müşteriler yorumlarına fotoğraf ekleyebilir
Onay Sistemi
Admin panelinden yorum onaylama ve moderasyon
Yorum Yanıtlama
Yorumlara satıcı olarak yanıt verebilme
İstatistikler
Ortalama puan ve yorum sayısı gösterimi
70%
Müşterilerin yorumlara göre karar vermesi
4.5×
Daha fazla dönüşüm oranı
63%
Yorumlu ürünlere daha fazla tıklama
Profesyonel Kampanya Yönetimi
10 farklı kampanya türü ile satışlarınızı artırın. İndirimler, kuponlar, hediyeler ve daha fazlası.
Ürün İndirimi
Belirli ürünlere özel indirim uygulayın
Kategori İndirimi
Tüm kategori ürünlerine toplu indirim
X Al Y Öde
3 Al 2 Öde gibi esnek kampanyalar
Miktar İndirimi
Alınan ürün adedine göre indirim
Sepet Tutarı İndirimi
Belirli tutarın üzerinde % veya TL indirim
Sepet Tutarı Hediyesi
Belirli tutarın üzerinde hediye ürün
Koşullu Sepet İndirimi
Özel koşullara göre indirim uygulama
Ücretsiz Kargo
Belirli tutar veya ürünlerde bedava kargo
Çapraz Satış
Belirli ürünlerle birlikte öneriler
Kupon Kodu
Özel kupon kodları ile indirim kampanyaları
Kampanya Avantajları
Zamanlama
Başlangıç ve bitiş tarihi belirleyin
Kullanıcı Grubu
Özel müşteri gruplarına kampanya
Çoklu Kampanya
Aynı anda birden fazla kampanya
Raporlama
Detaylı kampanya performans raporu
Güçlü Eklenti Sistemi
Tüm ihtiyaçlarınız için entegre eklentiler. Pazaryerleri, ödeme sistemleri, analitik araçları ve daha fazlası.
Ödeme Sistemleri
Tüm popüler ödeme yöntemleri desteği
Trendyol Beta
Ürün senkronizasyonu ve sipariş yönetimi
Hepsiburada Beta
Marketplace entegrasyonu ve stok takibi
Google Analytics
Detaylı ziyaretçi ve satış analizleri
Facebook Pixel
Conversion tracking ve remarketing
Kargo Entegrasyonları
Aras, Yurtiçi, MNG, PTT ve daha fazlası
WhatsApp Business
Sipariş bildirimleri ve müşteri desteği
E-posta Pazarlama
Newsletter ve otomatik e-posta kampanyaları
SMS Bildirimleri
Sipariş ve kargo durum bildirimleri
Canlı Destek
Gerçek zamanlı müşteri desteği
Eklenti Sistemi Özellikleri
Kolay Kurulum
Tek tıkla eklenti kurulumu
Özelleştirilebilir
Her eklenti detaylı ayarlanabilir
Otomatik Güncellemeler
Eklentiler her zaman güncel
Güvenli
Onaylı ve test edilmiş eklentiler
Diğer Tüm Profesyonel E-Ticaret Özelliklerimiz
Sayfa yönetimi, blog sistemi, SEO araçları, bildirim sistemi (hem uygulama içi hem mail bildirimleri) ve daha fazlası...
Demo Sitemizi İnceleyin
Karar vermeden önce demo gör.
Ürünü canlıda dene, sorularını WhatsApp'tan sor, sonra sipariş ver.
