['visible' => true], 'why-choose-us' => ['visible' => true], 'process' => ['visible' => true], 'home-plans' => ['visible' => false], 'projects' => ['visible' => false], 'testimonial' => ['visible' => false], ]; // Hosting plans array (5 plans with base prices in USD) $plans = [ [ 'name' => 'Starter Plan', 'description' => 'Perfect for small websites and startups.', 'base_monthly_price' => 2.99, 'base_monthly_discount' => '70% OFF (Was $9.99)', 'base_yearly_price' => 28.70, 'base_yearly_discount' => 'Save 20% (Was $119.88)', 'features' => [ '1 Website', '20 GB SSD Storage', 'Free SSL Certificate', 'Basic Security Suite', '24/7 Support', '30-Day Money-Back Guarantee' ], 'featured' => false, 'button_text' => 'Get Starter' ], [ 'name' => 'Pro Plan', 'description' => 'Ideal for growing businesses with multiple sites.', 'base_monthly_price' => 6.99, 'base_monthly_discount' => '65% OFF (Was $19.99)', 'base_yearly_price' => 67.10, 'base_yearly_discount' => 'Save 20% (Was $239.88)', 'features' => [ 'Unlimited Websites', '50 GB NVMe Storage', 'Free SSL Certificate', 'Advanced Security Suite', 'Free Site Migration', 'Priority Support', '30-Day Money-Back Guarantee' ], 'featured' => true, 'button_text' => 'Get Pro' ], [ 'name' => 'Enterprise Plan', 'description' => 'Best for high-traffic sites needing maximum performance.', 'base_monthly_price' => 12.99, 'base_monthly_discount' => '60% OFF (Was $32.99)', 'base_yearly_price' => 124.70, 'base_yearly_discount' => 'Save 20% (Was $395.88)', 'features' => [ 'Unlimited Websites', '100 GB NVMe Storage', 'Free SSL Certificate', 'Premium Security Suite', 'Free Site Migration', 'Turbo Performance (Up to 5x Faster)', 'Dedicated Support', '30-Day Money-Back Guarantee' ], 'featured' => false, 'button_text' => 'Get Enterprise' ], [ 'name' => 'Business Plan', 'description' => 'Great for medium-sized businesses needing more resources.', 'base_monthly_price' => 9.99, 'base_monthly_discount' => '50% OFF (Was $19.99)', 'base_yearly_price' => 95.90, 'base_yearly_discount' => 'Save 20% (Was $239.88)', 'features' => [ '5 Websites', '75 GB NVMe Storage', 'Free SSL Certificate', 'Advanced Security Suite', 'Free Site Migration', '24/7 Support', '30-Day Money-Back Guarantee' ], 'featured' => false, 'button_text' => 'Get Business' ], [ 'name' => 'Basic Plan', 'description' => 'Entry-level plan for beginners and small projects.', 'base_monthly_price' => 1.99, 'base_monthly_discount' => '60% OFF (Was $4.99)', 'base_yearly_price' => 19.10, 'base_yearly_discount' => 'Save 20% (Was $59.88)', 'features' => [ '1 Website', '10 GB SSD Storage', 'Free SSL Certificate', 'Basic Security Suite', '24/7 Support', '30-Day Money-Back Guarantee' ], 'featured' => false, 'button_text' => 'Get Basic' ] ]; // Sample projects array with placeholder image URLs (increased to 5 projects) $projects = [ [ 'title' => 'E-Commerce Platform for TechTrend', 'description' => 'A fully responsive e-commerce website with secure payment integration and animations.', 'image' => 'https://picsum.photos/400/200?ecommerce', 'link' => 'project-details.php?id=1' ], [ 'title' => 'SecureCorp Cybersecurity Dashboard', 'description' => 'A custom dashboard for monitoring and managing cybersecurity threats in real-time.', 'image' => 'https://picsum.photos/400/200?dashboard', 'link' => 'project-details.php?id=2' ], [ 'title' => 'InnovateLabs Mobile App', 'description' => 'A cross-platform mobile app with seamless UI/UX and advanced features.', 'image' => 'https://picsum.photos/400/200?mobileapp', 'link' => 'project-details.php?id=3' ], [ 'title' => 'HealthTech Patient Portal', 'description' => 'A secure portal for patients to manage appointments and medical records.', 'image' => 'https://picsum.photos/400/200?healthtech', 'link' => 'project-details.php?id=4' ], [ 'title' => 'EduPlatform Learning System', 'description' => 'An online learning platform with interactive courses and analytics.', 'image' => 'https://picsum.photos/400/200?eduplatform', 'link' => 'project-details.php?id=5' ] ]; // Convert arrays to JSON for JavaScript $plans_json = json_encode($plans); $projects_json = json_encode($projects); ?> /* Hero Section */ .home-hero-section { /*background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/home-hero_section.jpg') no-repeat center center/cover; */ background: linear-gradient(135deg, #0d6efd, #6610f2); color: #ffffff; padding: 100px 0; text-align: center; position: relative; } .home-hero-section h1 { font-size: 3rem; font-weight: bold; margin-top: -10px; } .home-hero-section .btn { background: linear-gradient(45deg,rgb(1, 238, 255), #ff00ff); /* Green CTA button */ border: none; color: #ffffff; } .home-hero-section .btn:hover { background: linear-gradient(45deg, #ff00ff,rgb(0, 238, 255)); } /* Responsive adjustments for Hero section */ @media (max-width: 768px) { .home-hero-section{ padding: 60px 0; } .home-hero-section h1 { font-size: 2.5rem; } .h1-container { max-width: 250px; margin: 0 auto; /* Reinforce centering */ } } /* Services Section */ .home-services-section { padding: 50px 0; background-color: #ffffff; /* White background */ } .service-card { transition: transform 0.3s; border: 1px solid #e0e0e0; /* Light gray border */ } .service-card:hover { transform: translateY(-10px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .service-card img { width: auto; height: auto; object-fit: contain; margin-bottom: 15px; } .service-card .btn { color: #00ddeb; /* Cyan button text */ border-color: #00ddeb; } .service-card .btn:hover { background-color: #00ddeb; color: #ffffff; } /* Why Choose Us Section */ .why-choose-us { padding: 50px 0; background-color: #e9ecef; /* Light gray background */ } .why-choose-us i { color: #28a745; /* Green icons */ } /* Our Process Section */ .process-section { padding: 50px 0; background-color: #ffffff; /* White background */ } .process-section i { color: #009ffd; /* Blue icons */ } /* Hosting Plans Section */ .plans-section { padding: 50px 0; background-color: #f5f5f5; /* Light gray background for contrast */ } .currency-select, .pricing-toggle { width: 100%; /* Span the full width of the parent container */ display: flex; /* Use flexbox for centering */ justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ margin-bottom: 30px; background: linear-gradient(90deg, #e9ecef, #f5f5f5); /* Light gradient background */ padding: 10px; border-radius: 50px; } .currency-select select { background-color: transparent; border: 2px solid #6b48ff; /* Purple border */ color: #6b48ff; /* Purple text */ padding: 8px 20px; font-weight: 500; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; } .currency-select select:hover, .currency-select select:focus { background-color: #6b48ff; color: #ffffff; outline: none; } .pricing-toggle .btn { border-radius: 50px; padding: 8px 20px; font-weight: 500; transition: all 0.3s ease; } .pricing-toggle .btn-monthly { background-color: transparent; color: #6b48ff; /* Purple */ border: 2px solid #6b48ff; } .pricing-toggle .btn-monthly.active, .pricing-toggle .btn-monthly:hover { background-color: #6b48ff; color: #ffffff; } .pricing-toggle .btn-yearly { background-color: transparent; color: #00ddeb; /* Cyan */ border: 2px solid #00ddeb; position: relative; } .pricing-toggle .btn-yearly.active, .pricing-toggle .btn-yearly:hover { background-color: #00ddeb; color: #ffffff; } .pricing-toggle .discount-label { position: absolute; top: -10px; right: -10px; background-color: #28a745; /* Green */ color: #ffffff; font-size: 0.8rem; padding: 2px 8px; border-radius: 10px; } .plan-card { border: 1px solid #e0e0e0; border-radius: 10px; transition: transform 0.3s, box-shadow 0.3s; position: relative; padding: 20px; } .plan-card:hover { transform: translateY(-10px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .plan-card .plan-header { background: linear-gradient(90deg, #6b48ff, #00ddeb); /* Purple to cyan gradient */ color: #ffffff; padding: 15px; text-align: center; border-radius: 8px 8px 0 0; margin: -20px -20px 20px -20px; } .plan-card .plan-price { font-size: 1.5rem; font-weight: bold; color: #28a745; /* Green price */ text-align: center; margin: 15px 0; } .plan-card .plan-discount { text-align: center; color: #333; } .plan-card .plan-features { list-style: none; padding: 0; margin-bottom: 20px; } .plan-card .plan-features li { padding: 8px 0; color: #333; } .plan-card .plan-features li i { color: #009ffd; /* Blue checkmarks */ margin-right: 8px; } .plan-card .btn { background-color: #28a745; /* Green button */ color: #ffffff; width: 100%; } .plan-card .btn:hover { background-color: #218838; /* Darker green on hover */ } .plan-card.featured::before { content: 'Popular'; position: absolute; top: -10px; left: 10px; background-color: #ff6b6b; /* Red for featured tag */ color: #ffffff; padding: 5px 10px; border-radius: 5px; font-size: 0.9rem; } /* Slider Styles for Hosting Plans */ .plans-slider { margin-bottom: 20px; } .plans-slider .carousel-inner { display: flex; flex-wrap: nowrap; overflow: hidden; } .plans-slider .carousel-item { transition: transform 0.5s ease-in-out; flex: 0 0 auto; } /* Responsive adjustments for Hosting Plans */ @media (max-width: 767.98px) { .plans-slider .carousel-item { width: 100%; /* Each item takes full width on small screens */ } .plans-slider .carousel-item .col-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .plans-slider .carousel-item { width: 100%; /* Each item contains 3 plans on medium/large screens */ } .plans-slider .carousel-item .col-12 { flex: 0 0 33.333333%; max-width: 33.333333%; } } .plans-slider .carousel-control-prev, .plans-slider .carousel-control-next { width: 5%; background: rgba(0, 0, 0, 0.3); } .plans-slider .carousel-control-prev-icon, .plans-slider .carousel-control-next-icon { background-color: #6b48ff; /* Purple arrows */ border-radius: 50%; } /* See All Button for Hosting Plans and Featured Projects */ .see-all-btn { display: block; margin: 20px auto; background-color: #28a745; /* Green button */ color: #ffffff; border: none; padding: 10px 20px; border-radius: 5px; transition: background-color 0.3s; } .see-all-btn:hover { background-color: #218838; /* Darker green on hover */ } /* Featured Projects Section */ .projects-section { padding: 50px 0; background-color: #ffffff; /* White background */ } .project-card { transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #e0e0e0; /* Light gray border */ border-radius: 10px; overflow: hidden; } .project-card:hover { transform: translateY(-10px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .project-card img { width: 100%; height: 200px; object-fit: cover; } .project-card .card-body { padding: 20px; } .project-card .card-title { font-size: 1.25rem; font-weight: bold; color: #333; } .project-card .card-text { color: #666; margin-bottom: 15px; } .project-card .btn { background-color: #28a745; /* Green button */ color: #ffffff; } .project-card .btn:hover { background-color: #218838; /* Darker green on hover */ } /* Slider Styles for Featured Projects */ .projects-slider { margin-bottom: 20px; } .projects-slider .carousel-inner { display: flex; flex-wrap: nowrap; overflow: hidden; } .projects-slider .carousel-item { transition: transform 0.5s ease-in-out; flex: 0 0 auto; } /* Responsive adjustments for Featured Projects Slider */ @media (max-width: 767.98px) { .projects-slider .carousel-item { width: 100%; /* Each item takes full width on small screens */ } .projects-slider .carousel-item .col-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .projects-slider .carousel-item { width: 100%; /* Each item contains 3 projects on medium/large screens */ } .projects-slider .carousel-item .col-12 { flex: 0 0 33.333333%; max-width: 33.333333%; } } .projects-slider .carousel-control-prev, .projects-slider .carousel-control-next { width: 5%; background: rgba(0, 0, 0, 0.3); } .projects-slider .carousel-control-prev-icon, .projects-slider .carousel-control-next-icon { background-color: #6b48ff; /* Purple arrows */ border-radius: 50%; } /* Testimonial Section */ .testimonial-section { padding: 50px 0; background-color: #f5f5f5; /* Light gray background */ } .testimonial-section .blockquote-footer { color: #6b48ff; /* Purple author text */ } .testimonial-section .client-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-right: 15px; } .testimonial-section .testimonial-block { display: flex; align-items: center; justify-content: center; text-align: left; } /* Testimonial Slider Styles */ .testimonial-slider { margin-bottom: 20px; } .testimonial-slider .carousel-inner { display: flex; flex-wrap: nowrap; overflow: hidden; } .testimonial-slider .carousel-item { transition: transform 0.5s ease-in-out; flex: 0 0 auto; } /* Responsive adjustments for Testimonial Slider */ @media (max-width: 767.98px) { .testimonial-slider .carousel-item { width: 100%; /* Each item takes full width on small screens */ } .testimonial-slider .carousel-item .col-12 { flex: 0 0 100%; max-width: 100%; display: none; /* Hide all by default */ } .testimonial-slider .carousel-item .col-12:first-child { display: block; /* Show only the first item */ } .testimonial-slider .carousel-item.active + .carousel-item .col-12:nth-child(2) { display: block; /* Ensure correct items are shown during transitions */ } } @media (min-width: 768px) { .testimonial-slider .carousel-item { width: 100%; /* Each item contains 2 testimonials on medium/large screens */ } .testimonial-slider .carousel-item .col-12 { flex: 0 0 50%; max-width: 50%; } } .testimonial-slider .carousel-control-prev, .testimonial-slider .carousel-control-next { width: 5%; background: rgba(0, 0, 0, 0.3); } .testimonial-slider .carousel-control-prev-icon, .testimonial-slider .carousel-control-next-icon { background-color: #6b48ff; /* Purple arrows */ border-radius: 50%; }

Empowering Your Future with Technology

Moken Teknode Limited delivers innovative technology solutions, from website design and animations to cybersecurity and cloud services.

Get a Free Consultation

Our Services

'Web Design & Development', 'description' => 'Create stunning, responsive websites tailored to your brand.', 'image' => 'plugins/home-page/assets/images/web_design.jpg' // Placeholder for website design image ], [ 'title' => 'Digital Content & Animations', 'description' => 'Engage audiences with high-quality 2D/3D digital content and motion graphics.', 'image' => 'plugins/home-page/assets/images/animation.jpg' // Placeholder for animation image ], [ 'title' => 'Software Design & Development', 'description' => 'Build custom software and apps for scalability and performance.', 'image' => 'plugins/home-page/assets/images/app_design.jpg' // Placeholder for software dev image ], [ 'title' => 'Cybersecurity Solutions', 'description' => 'Protect your business with advanced security solutions.', 'image' => 'plugins/home-page/assets/images/cyber_security.jpg' // Placeholder for cybersecurity image ] ]; foreach ($services as $service) { $image = new \Core\Image; echo '
' . esc($service['title']) . ' Image
' . esc($service['title']) . '

' . esc($service['description']) . '

Learn More
'; } ?>

Why Choose Moken Teknode?

'Innovative Solutions', 'description' => 'We leverage cutting-edge technology to deliver solutions that drive growth.', 'icon' => 'bi-rocket-takeoff' ], [ 'title' => 'Customer-Centric Approach', 'description' => 'Your success is our priority, with tailored services to meet your needs.', 'icon' => 'bi bi-people-fill' ], [ 'title' => 'Proven Expertise', 'description' => 'Our team brings years of experience in IT and technology services.', 'icon' => 'bi-award' ], [ 'title' => 'Security First', 'description' => 'We prioritize robust cybersecurity to protect your business.', 'icon' => 'bi-shield-check' ] ]; foreach ($why_choose_us as $point) { echo '
' . esc($point['title']) . '

' . esc($point['description']) . '

'; } ?>

Our Process

'1. Consultation', 'description' => 'We understand your needs and goals to craft a tailored strategy.', 'icon' => 'bi-chat-dots' ], [ 'step' => '2. Planning', 'description' => 'We design a detailed roadmap to ensure project success.', 'icon' => 'bi-diagram-3' ], [ 'step' => '3. Execution', 'description' => 'Our team builds and implements your solution with precision.', 'icon' => 'bi-gear' ], [ 'step' => '4. Support', 'description' => 'We provide ongoing support to keep your solution running smoothly.', 'icon' => 'bi-headset' ] ]; foreach ($process_steps as $step) { echo '
' . esc($step['step']) . '

' . esc($step['description']) . '

'; } ?>

Choose the Perfect Hosting Plan for Your Needs

3; // Slider View (default if > 3 plans) if ($use_slider) { echo '
'; } // Grid View (default if <= 3 plans, or toggled view if > 3 plans) echo '
'; foreach ($plans as $index => $plan) { $featured_class = $plan['featured'] ? 'featured' : ''; echo '

' . esc($plan['name']) . '

' . esc($plan['description']) . '
' . esc($plan['base_monthly_price']) . '

' . esc($plan['base_monthly_discount']) . '

    '; foreach ($plan['features'] as $feature) { echo '
  • ' . esc($feature) . '
  • '; } echo '
' . esc($plan['button_text']) . '
'; } echo '
'; // See All Button (only show if > 3 plans) if ($use_slider) { echo ' '; } ?>

*Promotional price applies for the first term. Regular rates apply upon renewal.

Featured Projects

3; // Slider View (default if > 3 projects) if ($use_project_slider) { echo '
'; } // Grid View (default if <= 3 projects, or toggled view if > 3 projects) echo '
'; foreach ($projects as $project) { echo '
' . esc($project['title']) . ' Image
' . esc($project['title']) . '

' . esc($project['description']) . '

View Project
'; } echo '
'; // See All Button (only show if > 3 projects) if ($use_project_slider) { echo ' '; } ?>

What Our Clients Say

'Moken Teknode transformed our online presence with a stunning website and engaging animations!', 'author' => 'John Doe, CEO of TechTrend', 'avatar' => 'assets/images/default-images/no_image.png' // Placeholder for client avatar ], [ 'quote' => 'Their cybersecurity solutions gave us peace of mind and protected our business.', 'author' => 'Jane Smith, CTO of SecureCorp', 'avatar' => 'assets/images/default-images/no_image.png' // Placeholder for client avatar ], [ 'quote' => 'The team at Moken Teknode delivered a fantastic app that exceeded our expectations.', 'author' => 'Michael Brown, Founder of InnovateLabs', 'avatar' => 'assets/images/default-images/no_image.png' // Placeholder for client avatar ] ]; // Check if the number of testimonials exceeds 2 to determine layout $total_testimonials = count($testimonials); $use_testimonial_slider = $total_testimonials > 2; // Slider View (default if > 2 testimonials) if ($use_testimonial_slider) { echo '
'; } // Grid View (default if <= 2 testimonials, or toggled view if > 2 testimonials) echo '
'; foreach ($testimonials as $testimonial) { echo '
' . esc($testimonial['author']) . ' Avatar

"' . esc($testimonial['quote']) . '"

' . esc($testimonial['author']) . '
'; } echo '
'; // See All Button (only show if > 2 testimonials) if ($use_testimonial_slider) { echo ' '; } ?>