| Server IP : 121.121.20.254 / Your IP : 216.73.217.51 Web Server : Microsoft-IIS/10.0 System : Windows NT WEB-SERVER 10.0 build 20348 (Windows Server 2022) AMD64 User : IUSR ( 0) PHP Version : 8.3.28 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Program Files/MariaDB 10.6/data/aiwebstation/ |
Upload File : |
�������� ��Y � � @ ���� ���� � � ���� ���� ���� ���� & & ���� ���� ���������������� ��YN+2� ��������
��8� � ��8�;�� �������� ��Y ����� ���� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i�
���������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i�������������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i�������������������������������������������������������������������������������������������������������������������������������� ��Y�+� �������� �D0zE� � �� � �� � � � 2 infimum supremum � �
! � )��� p c�D0z�ߏ �������� �D0�E� � �� � K[� �� � r � � 5infimum supremum +global� �front-end� )global� (��content� 0 global� 8 global� @ global� H global� P Isite-css�
X�8site-footer-js� ` -front-end� h��site-css�
p��front-end� x�%admin� p � c�D0���" �������� �D0�E� � <� � K[� �� � � � 2 infimum supremum �� �� �� ( �� 0 b�� 8 �� @ 8�� H T�� P �� X�u�� `�ր�
h���� p�Ȁ�
x�� p3 � c�D0��� � �������� Qqn�
� ?� /**
* Plugin Name: AIWebstation Front‑End Shortcode
* Description: Registers [aiwebstation] which prints the full AIWebstation static UI.
* Version: 1.0
* Author: Hermes Agent
*/
function aiws_render_shortcode(): string {
// Start output buffering so we can return a large HTML block.
ob_start();
?>
<!-- External resources (fonts, Tailwind CSS, Lucide icons) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<!-- Tailwind CSS (with forms & container‑queries plugins) -->
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<!-- Lucide icon set -->
<script src="https://unpkg.com/lucide@latest"></script>
<!-- Custom CSS (prefixed to avoid clashes with the theme or other plugins) -->
<style>
.aiws-root {
font-family: 'Inter', sans-serif;
}
.aiws-gradient-text {
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.aiws-bg-gradient-primary {
background: linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);
}
.aiws-bg-gradient-hero {
background: linear-gradient(180deg, #f0f4ff 0%, #ffffff 100%);
}
.aiws-glass-card {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.5);
}
</style>
<!-- BEGIN: AIWebstation UI -->
<div class="aiws-root bg-gray-50 text-gray-800 antialiased selection:bg-blue-500 selection:text-white">
<!-- Header / Navigation -->
<header class="sticky top-0 z-50 w-full bg-white/80 backdrop-blur-md border-b border-gray-100">
<div class="container mx-auto px-4 h-20 flex items-center justify-between">
<!-- Logo -->
<a class="flex flex-col" href="#">
<span class="text-2xl font-bold tracking-tight text-blue-600 flex items-center">
<span class="text-3xl mr-1">AI</span>Webstation
</span>
<span class="text-[10px] font-medium text-gray-500 uppercase tracking-wider">
Empowering Businesses with AI
</span>
</a>
<!-- Desktop Navigation -->
<nav class="hidden lg:flex items-center space-x-8">
<a class="text-blue-600 font-medium" href="#">Home</a>
<a class="text-gray-600 hover:text-blue-600 font-medium flex items-center gap-1"
href="#">Solutions <i class="w-4 h-4" data-lucide="chevron-down"></i></a>
<a class="text-gray-600 hover:text-blue-600 font-medium flex items-center gap-1"
href="#">Services <i class="w-4 h-4" data-lucide="chevron-down"></i></a>
<a class="text-gray-600 hover:text-blue-600 font-medium" href="#">AI Solutions</a>
<a class="text-gray-600 hover:text-blue-600 font-medium flex items-center gap-1"
href="#">Resources <i class="w-4 h-4" data-lucide="chevron-down"></i></a>
<a class="text-gray-600 hover:text-blue-600 font-medium" href="#">About Us</a>
</nav>
<!-- Actions -->
<div class="hidden lg:flex items-center space-x-4">
<a class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-full font-medium transition-colors"
href="#">Contact Us</a>
<div class="flex items-center gap-1 text-gray-600 cursor-pointer">
EN <i class="w-4 h-4" data-lucide="chevron-down"></i>
</div>
</div>
<!-- Mobile Menu Button -->
<button class="lg:hidden text-gray-600"><i class="w-6 h-6" data-lucide="menu"></i></button>
</div>
</header>
<!-- Hero Section -->
<section class="relative pt-20 pb-32 overflow-hidden aiws-bg-gradient-hero">
<div class="container mx-auto px-4 flex flex-col lg:flex-row items-center gap-12">
<!-- Text Content -->
<div class="lg:w-1/2 relative z-10">
<div
class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 border border-blue-100 text-blue-600 font-medium text-sm mb-6">
<span>AI-Powered</span>
<span class="w-1 h-1 bg-blue-400 rounded-full"></span>
<span>Smart</span>
<span class="w-1 h-1 bg-blue-400 rounded-full"></span>
<span>Efficient</span>
</div>
<h1 class="text-5xl lg:text-6xl font-extrabold leading-tight mb-6 text-gray-900">
Empowering Businesses with <span class="aiws-gradient-text">AI Solutions</span>
</h1>
<p class="text-lg text-gray-600 mb-8 max-w-lg leading-relaxed">
<strong class="text-gray-900">AIWebstation</strong> helps businesses automate,
digitalize and grow with <strong>intelligent solutions</strong>, cloud technology
and expert support.
</p>
<div class="flex flex-wrap items-center gap-4">
<a class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3.5 rounded-full font-semibold transition-colors flex items-center gap-2"
href="#">
Explore Solutions <i class="w-5 h-5" data-lucide="arrow-right"></i>
</a>
<a class="bg-white hover:bg-gray-50 text-gray-800 border border-gray-200 px-8 py-3.5 rounded-full font-semibold transition-colors flex items-center gap-2 shadow-sm"
href="#">
<i class="w-5 h-5 text-blue-600" data-lucide="message-square"></i>
Talk to AI Assistant
</a>
</div>
<!-- Stats -->
<div class="flex flex-wrap items-center gap-8 mt-12 pt-8 border-t border-gray-200/60">
<div>
<div class="text-2xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-500"
data-lucide="award"></i> 10+</div>
<div class="text-sm text-gray-500">Years Experience</div>
</div>
<div>
<div class="text-2xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-500"
data-lucide="users"></i> 1000+</div>
<div class="text-sm text-gray-500">Businesses Served</div>
</div>
<div>
<div class="text-2xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-500"
data-lucide="clock"></i> 24/7</div>
<div class="text-sm text-gray-500">AI Support</div>
</div>
<div>
<div class="text-2xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-500"
data-lucide="shield-check"></i> 99%</div>
<div class="text-sm text-gray-500">Customer Satisfaction</div>
</div>
</div>
</div>
<!-- Image -->
<div class="lg:w-1/2 relative">
<img alt="https://website.ipohserver.com/AIWEBSTATION/wp-content/uploads/2026/08/aiwebstation-header.jpg"
class="w-full max-w-2xl mx-auto rounded-2xl shadow-2xl relative z-10 object-cover"
src="https://website.ipohserver.com/AIWEBSTATION/wp-content/uploads/2026/08/aiwebstation-header.jpg
">
</div>
</div>
</section>
<!-- Trust Bar -->
<section class="py-12 bg-white border-y border-gray-100">
<div class="container mx-auto px-4">
<div
class="flex flex-col md:flex-row items-center justify-center gap-8 md:gap-12 opacity-70 grayscale hover:grayscale-0 transition-all duration-300">
<span class="font-semibold text-gray-500 whitespace-nowrap">Trusted by Leading Businesses</span>
<div class="flex flex-wrap justify-center gap-8 items-center">
<!-- Sample partner logos (replace src as needed) -->
<img alt="AutoCount" class="h-8 object-contain"
src="https://lh3.googleusercontent.com/aida-public/AB6AXuAB0BBKnEQQnSXM16Q-SGMy9OfK1B_XYIj6tNY4f7nDRusWyBp_CI8C6B2YB9J3tAYLh-8WCqNIOEbQ-5u2mE9aaYOpqlzyiYJC5hTuuZZjU8Y...
">
<!-- Add more logos as needed -->
</div>
</div>
</div>
</section>
<!-- Our Solutions -->
<section class="py-20 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center max-w-2xl mx-auto mb-16">
<h2 class="text-4xl font-bold text-gray-900 mb-4">Our Solutions</h2>
<p class="text-gray-600 text-lg">Complete IT & AI solutions for your business growth</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Solution Card 1 – AI Solutions -->
<div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-shadow border border-gray-100 relative overflow-hidden group">
<div
class="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mb-6 text-blue-600">
<i class="w-8 h-8" data-lucide="bot"></i>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">AI Solutions</h3>
<ul class="space-y-3 mb-8">
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> AI Chatbot
</li>
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> Business Automation
</li>
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> Knowledge Base
</li>
</ul>
<a class="text-blue-600 font-semibold flex items-center gap-2 group-hover:gap-3 transition-all"
href="#">Learn More <i class="w-4 h-4" data-lucide="arrow-right"></i></a>
</div>
<!-- Solution Card 2 – Accounting Solutions -->
<div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-shadow border border-gray-100 relative overflow-hidden group">
<div
class="w-16 h-16 bg-green-50 rounded-2xl flex items-center justify-center mb-6 text-green-600">
<i class="w-8 h-8" data-lucide="calculator"></i>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Accounting Solutions</h3>
<ul class="space-y-3 mb-8">
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> AutoCount Accounting
</li>
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> E-Commerce Solutions
</li>
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> POS Solutions
</li>
</ul>
<a class="text-blue-600 font-semibold flex items-center gap-2 group-hover:gap-3 transition-all"
href="#">Learn More <i class="w-4 h-4" data-lucide="arrow-right"></i></a>
</div>
<!-- Solution Card 3 – Website & E‑Commerce -->
<div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-shadow border border-gray-100 relative overflow-hidden group">
<div
class="w-16 h-16 bg-purple-50 rounded-2xl flex items-center justify-center mb-6 text-purple-600">
<i class="w-8 h-8" data-lucide="shopping-cart"></i>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Website & E‑Commerce</h3>
<ul class="space-y-3 mb-8">
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> Website Development
</li>
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> E‑Commerce Solutions
</li>
<li class="flex items-center gap-2 text-gray-600"><i class="w-4 h-4 text-blue-500"
data-lucide="check"></i> Online Store
</li>
</ul>
<a class="text-blue-600 font-semibold flex items-center gap-2 group-hover:gap-3 transition-all"
href="#">Learn More <i class="w-4 h-4" data-lucode="arrow-right"></i></a>
</div>
</div>
</div>
</section>
<!-- AI Assistant CTA Section -->
<section class="py-20 bg-white">
<div class="container mx-auto px-4">
<div
class="bg-blue-900 rounded-[2.5rem] p-8 lg:p-16 relative overflow-hidden text-white flex flex-col lg:flex-row items-center gap-12 shadow-2xl">
<!-- Background accent -->
<div
class="absolute top-0 right-0 w-[800px] h-[800px] bg-blue-600/30 rounded-full blur-3xl -translate-y-1/2 translate-x-1/3"></div>
<!-- Text side -->
<div class="lg:w-1/2 relative z-10">
<h2 class="text-4xl lg:text-5xl font-bold mb-6">Meet Your<br/><span
Qqn� �F �������� Qqn�
� r���� class="text-blue-300">AI</span> Business Assistant
</h2>
<p class="text-xl text-blue-100 mb-8 max-w-lg">
Get instant answers to your business questions 24/7
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-10">
<div class="flex items-center gap-3">
<div class="bg-blue-500/30 p-2 rounded-full"><i class="w-5 h-5 text-blue-200"
data-lucide="check"></i></div>
<span class="font-medium">Smart & Accurate</span>
</div>
<div class="flex items-center gap-3">
<div class="bg-blue-500/30 p-2 rounded-full"><i class="w-5 h-5 text-blue-200"
data-lucide="check"></i></div>
<span class="font-medium">Trained with Your Data</span>
</div>
<div class="flex items-center gap-3">
<div class="bg-blue-500/30 p-2 rounded-full"><i class="w-5 h-5 text-blue-200"
data-lucide="check"></i></div>
<span class="font-medium">24/7 Available</span>
</div>
<div class="flex items-center gap-3">
<div class="bg-blue-500/30 p-2 rounded-full"><i class="w-5 h-5 text-blue-200"
data-lucide="check"></i></div>
<span class="font-medium">Multi‑language Support</span>
</div>
</div>
<a class="bg-blue-500 hover:bg-blue-400 text-white px-8 py-4 rounded-full font-semibold transition-colors inline-flex items-center gap-2 shadow-lg"
href="#">
Try AI Assistant Now <i class="w-5 h-5" data-lucide="arrow-right"></i>
</a>
</div>
<!-- Mockup image -->
<div class="lg:w-1/2 relative z-10 w-full">
<img alt="AI Chat Interface"
class="w-full rounded-2xl shadow-2xl border border-white/10"
src="https://lh3.googleusercontent.com/aida-public/AB6AXuChhxysENyYq0S5CnW9MIPXcPumr_DheehMHfm_96hOW37-iaWrXRKQMARfpd53LN5IVSgAO9T6-JqHdcteLP0JG_SLQm_Kg18Y9nw_vUW1-Fme7Ccr7yeXpl1Prx3MKEbUtl9aIZk3sdGay3oYbVUikYufBgtoH-CcDc-uGyzKviZCdc1RaN0Wss5sZiVDVYxWaw6XW2OXkl2_H9lfaH9U1-o-tS1i0cu-p2bbYLXg-tMQAtgILYqtZg"/>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-gray-300 pt-20 pb-10 border-t border-gray-800">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-12 mb-16">
<!-- Brand -->
<div class="lg:col-span-2">
<a class="flex flex-col mb-6 text-white" href="#">
<span class="text-2xl font-bold tracking-tight flex items-center">
<span class="text-3xl mr-1 text-blue-500">AI</span>Webstation
</span>
</a>
<p class="text-gray-400 mb-6 max-w-sm">
Empowering Businesses with AI and Digital Solutions.
</p>
<div class="flex items-center gap-4">
<a class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-600 transition-colors text-white"
href="#"><i class="w-5 h-5" data-lucide="facebook"></i></a>
<a class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-600 transition-colors text-white"
href="#"><i class="w-5 h-5" data-lucide="linkedin"></i></a>
<a class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-600 transition-colors text-white"
href="#"><i class="w-5 h-5" data-lucide="youtube"></i></a>
</div>
</div>
<!-- Links – Solutions -->
<div>
<h4 class="text-white font-semibold mb-6">Solutions</h4>
<ul class="space-y-3">
<li><a class="hover:text-blue-400 transition-colors" href="#">AI Solutions</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Accounting Software</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Cloud Solutions</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Website Development</a></li>
</ul>
</div>
<!-- Links – Company -->
<div>
<h4 class="text-white font-semibold mb-6">Company</h4>
<ul class="space-y-3">
<li><a class="hover:text-blue-400 transition-colors" href="#">About Us</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Contact Us</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Careers</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row items-center justify-between text-sm text-gray-500">
<p>© 2026 AIWebstation. All Rights Reserved.</p>
<div class="flex items-center gap-6 mt-4 md:mt-0">
<a class="hover:text-white" href="#">Privacy Policy</a>
<a class="hover:text-white" href="#">Terms of Service</a>
</div>
</div>
</div>
</footer>
<!-- Floating “Ask AIWebstation” button -->
<button
class="fixed bottom-8 right-8 bg-blue-600 text-white px-6 py-4 rounded-full shadow-2xl flex items-center gap-3 font-semibold hover:bg-blue-700 transition-colors z-50">
<i class="w-6 h-6" data-lucide="message-circle"></i> Ask AIWebstation
</button>
</div>
<!-- END: AIWebstation UI -->
<script data-purpose="icons-init">
lucide.createIcons();
</script>
<?php
// Return everything captured above.
return ob_get_clean();
}
// Register the shortcode.
add_shortcode( 'aiwebstation', 'aiws_render_shortcode' ); Qqn�ն�\ �������� O�(
� ?�
/**
* Plugin Name: AIWebstation Home - No Header + Fix AI Solutions Text
* Description: Removed top menu bar and fixed gradient text clipping on "AI Solutions".
* Version: 6.7
*/
add_shortcode('aiwebstation_home', function () {
ob_start();
?>
<style>
#aw-home,
#aw-home * { box-sizing: border-box; }
#aw-home {
--aw-navy: #07143d;
--aw-blue: #245cff;
--aw-purple: #7047ff;
--aw-light: #f7f9ff;
--aw-text: #101b3d;
--aw-muted: #63708c;
--aw-border: #e7ebf5;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
overflow: hidden;
background: #ffffff;
color: var(--aw-text);
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
#aw-home a { text-decoration: none; color: inherit; }
#aw-home button { font-family: inherit; }
.aw-hero {
position: relative;
min-height: 520px;
overflow: hidden;
background:
radial-gradient(circle at 72% 30%, rgba(96,74,255,.24), transparent 35%),
radial-gradient(circle at 88% 80%, rgba(27,107,255,.20), transparent 35%),
linear-gradient(110deg,#f8faff 0%,#eef2ff 53%,#e5eaff 100%);
}
.aw-hero-inner {
width: min(1400px, calc(100% - 80px));
min-height: 520px;
margin: auto;
display: flex;
align-items: center;
position: relative;
}
.aw-hero-content {
width: 48%;
position: relative;
z-index: 5;
padding: 70px 0;
}
.aw-hero-title {
margin: 0 !important;
max-width: 620px;
font-size: clamp(45px,4.8vw,72px);
line-height: 1.08;
letter-spacing: -3.5px;
font-weight: 800;
color: #0a153c;
}
.aw-gradient-text {
background: linear-gradient(90deg,#1765ff,#7441f5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
display: inline;
padding-bottom: 0.12em;
}
.aw-hero-description {
max-width: 530px;
margin: 25px 0 28px;
font-size: 18px;
line-height: 1.65;
color: #4e5b79;
}
.aw-buttons { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.aw-primary-btn,
.aw-secondary-btn {
min-height: 50px;
padding: 0 25px;
border-radius: 9px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
transition: .25s ease;
}
.aw-primary-btn {
color: #fff !important;
background: linear-gradient(135deg,#1e62ff,#693ff5);
box-shadow: 0 10px 25px rgba(41,86,255,.25);
}
.aw-primary-btn:hover { transform: translateY(-2px); }
.aw-secondary-btn {
border: 1px solid #8d9bc0;
color: #1a2850 !important;
background: rgba(255,255,255,.65);
}
.aw-secondary-btn:hover { border-color: var(--aw-blue); color: var(--aw-blue) !important; }
.aw-hero-visual {
position: absolute;
right: -40px;
top: 50%;
transform: translateY(-50%);
width: 55%;
max-width: 720px;
z-index: 4;
pointer-events: none;
}
.aw-hero-visual img {
width: 100%;
height: auto;
border-radius: 18px;
box-shadow: 0 30px 70px rgba(28, 44, 117, .22);
}
.aw-trusted {
min-height: 90px;
display: flex;
align-items: center;
background: #ffffff;
border-bottom: 1px solid #eef1f8;
}
.aw-trusted-inner {
width: min(1200px,calc(100% - 80px));
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.aw-trusted-title { font-size: 13px; font-weight: 800; color: #263351; white-space: nowrap; }
.aw-partners { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 30px; flex-wrap: wrap; }
.aw-partner { font-size: 18px; font-weight: 800; color: #6a7181; white-space: nowrap; }
.aw-partner.auto { color: #36a950; }
.aw-partner.microsoft { color: #737373; }
.aw-partner.tp { color: #31a5bd; }
.aw-partner.site { color: #25bd82; }
.aw-section { padding: 85px 0; }
.aw-section-inner { width: min(1200px,calc(100% - 80px)); margin: auto; }
.aw-section-label { text-align: center; color: #3569ff; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px; }
.aw-section-title { margin: 0; text-align: center; color: #101c40; font-size: 42px; line-height: 1.15; letter-spacing: -1.5px; font-weight: 800; }
.aw-section-subtitle { text-align: center; color: #69758f; margin: 12px auto 42px; font-size: 16px; }
.aw-solutions { background: #ffffff; }
.aw-solutions-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.aw-solution-card {
min-height: 170px; border: 1px solid #e9edf5; border-radius: 16px; background: #ffffff;
padding: 27px; display: flex; gap: 22px; transition: .3s ease;
box-shadow: 0 8px 30px rgba(31,54,105,.045);
}
.aw-solution-card:hover { transform: translateY(-5px); border-color: #b9c7ff; box-shadow: 0 18px 45px rgba(41,79,170,.12); }
.aw-solution-icon {
width: 64px; height: 64px; flex: 0 0 64px; border-radius: 18px;
background: linear-gradient(145deg,#edf2ff,#f4eeff);
display: flex; align-items: center; justify-content: center; font-size: 28px;
}
.aw-solution-card h3 { margin: 4px 0 10px; font-size: 18px; color: #13204a; font-weight: 700; }
.aw-solution-card ul { margin: 0; padding: 0; list-style: none; }
.aw-solution-card li { font-size: 13px; color: #6a758d; margin: 5px 0; display: flex; align-items: center; gap: 7px; }
.aw-solution-card li::before { content: "✓"; color: #2865ff; font-weight: 800; }
.aw-ai-section { padding: 35px 0 85px; }
.aw-ai-box {
min-height: 350px; border-radius: 18px; padding: 55px; overflow: hidden; position: relative;
background:
radial-gradient(circle at 85% 30%,rgba(74,110,255,.45),transparent 35%),
linear-gradient(110deg,#071e69,#2432a1 55%,#3722b8);
color: white; display: flex; align-items: center; gap: 60px;
}
.aw-ai-copy { width: 38%; position: relative; z-index: 2; }
.aw-ai-copy h2 { margin: 0; font-size: 39px; line-height: 1.12; letter-spacing: -1px; font-weight: 800; }
.aw-ai-copy p { color: #d4ddff; line-height: 1.65; }
.aw-ai-checks { margin: 22px 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.aw-ai-check { font-size: 13px; display: flex; align-items: center; gap: 8px; }
.aw-ai-check::before { content: "✓"; display: inline-flex; width: 19px; height: 19px; align-items: center; justify-content: center; border-radius: 50%; background: #4b76ff; }
.aw-ai-demo {
flex: 1; height: 275px; border-radius: 17px; background: rgba(255,255,255,.96);
box-shadow: 0 25px 60px rgba(0,0,0,.18); padding: 20px; color: #18234b;
display: flex; flex-direction: column;
}
.aw-ai-demo-header { display: flex; align-items: center; gap: 10px; padding-bottom: 15px; border-bottom: 1px solid #e7ebf5; font-weight: 700; }
.aw-ai-dot { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,#2967ff,#7a42f5); }
.aw-messages { flex: 1; overflow: hidden; margin-top: 10px; }
.aw-message { max-width: 75%; padding: 12px 15px; border-radius: 12px; margin-top: 12px; font-size: 13px; line-height: 1.5; }
.aw-message.ai { background: #f0f3ff; }
.aw-message.user { margin-left: auto; background: linear-gradient(135deg,#3b6bff,#7542f5); color: white; }
.aw-chat-input { height: 42px; margin-top: auto; border-radius: 9px; border: 1px solid #dfe4ef; display: flex; align-items: center; padding: 0 14px; color: #9aa4ba; font-size: 12px; }
.aw-why { background: #f8faff; }
.aw-why-grid { display: grid; grid-template-columns: 1.25fr repeat(4,1fr); gap: 1px; background: #dfe5f1; border: 1px solid #dfe5f1; border-radius: 16px; overflow: hidden; }
.aw-why-intro, .aw-why-card { background: #ffffff; padding: 30px; }
.aw-why-intro h2 { font-size: 30px; line-height: 1.15; margin: 0 0 10px; font-weight: 800; }
.aw-why-intro p { font-size: 13px; color: #68738e; line-height: 1.6; margin-bottom: 20px; }
.aw-why-card { text-align: center; }
.aw-why-icon { width: 55px; height: 55px; margin: 0 auto 15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #edf2ff; font-size: 25px; }
.aw-why-card h3 { margin: 0 0 8px; font-size: 15px; font-weight: 700; }
.aw-why-card p { margin: 0; color: #7a8499; font-size: 12px; line-height: 1.5; }
.aw-industries { padding: 75px 0; }
.aw-industries-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 15px; }
.aw-industry {
border: 1px solid #e7ebf4; border-radius: 13px; min-height: 105px;
display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;
color: #293553; font-size: 12px; font-weight: 700; transition: .25s ease;
}
.aw-industry:hover { transform: translateY(-3px); border-color: #bdcaff; box-shadow: 0 12px 30px rgba(40,75,155,.09); }
.aw-industry-icon { font-size: 26px; }
.aw-cta { padding: 0 0 80px; }
.aw-cta-box {
min-height: 220px; border-radius: 18px; padding: 45px 55px; color: white;
position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between;
background:
radial-gradient(circle at 80% 100%,rgba(124,65,255,.55),transparent 40%),
linear-gradient(105deg,#1349d9,#4930d9);
}
.aw-cta-box h2 { margin: 0; font-size: 38px; max-width: 600px; line-height: 1.12; font-weight: 800; }
.aw-cta-box p { color: #d8e1ff; margin: 12px 0 23px; }
.aw-rocket { width: 190px; height: 190px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 80px; background: radial-gradient(circle,#6c67ff,transparent 65%); }
.aw-footer { background: #07183f; color: white; padding: 65px 0 20px; }
.aw-footer-grid { width: min(1200px,calc(100% - 80px)); margin: auto; display: grid; grid-template-columns: 1.5fr repeat(4,1fr); gap: 50px; }
.aw-footer-brand p { color: #aab7d7; font-size: 13px; line-height: 1.6; max-width: 250px; }
.aw-footer h4 { margin: 0 0 18px; font-size: 14px; font-weight: 700; }
.aw-footer a { display: block; color: #aab7d7; font-size: 12px; margin: 11px 0; transition: .2s ease; }
.aw-footer a:hover { color: white; }
.aw-social { display: flex; gap: 8px; margin-top: 20px; }
.aw-social span { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.aw-footer-bottom { width: min(1200px,calc(100% - 80px)); margin: 40px auto 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; color: #8997bb; font-size: 11px; }
.aiws-bot-container { position: fixed; right: 25px; bottom: 25px; z-index: 9999; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3)); }
@media(max-width:1100px) {
.aw-solutions-grid, .aw-why-grid { grid-template-columns: repeat(2,1fr); }
.aw-industries-grid { grid-template-columns: repeat(3,1fr); }
.aw-ai-box { flex-direction: column; gap: 30px; }
.aw-ai-copy { width: 100%; }
.aw-hero-visual { width: 45%; right: 0; }
}
@media(max-width:768px) {
.aw-hero { min-height: auto; }
.aw-hero-inner { width: calc(100% - 36px); min-height: auto; flex-direction: column; text-align: center; padding: 30px 0; }
.aw-hero-content { width: 100%; padding: 40px 0 20px; }
.aw-hero-description { margin-left: auto; margin-right: auto; }
.aw-buttons { justify-content: center; }
.aw-primary-btn, .aw-secondary-btn { width: 100%; }
.aw-hero-visual { display: none; }
.aw-section { padding: 60px 0; }
.aw-section-title { font-size: 33px; }
.aw-solutions-grid { grid-template-columns: 1fr; }
.aw-solution-card { min-height: auto; }
.aw-ai-box { padding: 35px 25px; }
.aw-ai-copy h2 { font-size: 31px; }
.aw-ai-demo { width: 100%; }
.aw-why-grid { grid-template-columns: 1fr; }
.aw-why-intro { text-align: center; }
.aw-industries-grid { grid-template-columns: repeat(2,1fr); }
.aw-cta-box { padding: 35px 25px; flex-direction: column; align-items: flex-start; }
.aw-cta-box h2 { font-size: 31px; }
.aw-rocket { display: none; }
.aw-footer-grid { grid-template-columns: repeat(2,1fr); gap: 35px; }
.aw-footer-brand { grid-column: 1/-1; }
.aw-footer-bottom { flex-direction: column; gap: 10px; text-align: center; }
.aiws-bot-container { right: 15px; bottom: 15px; }
}
@media(max-width:480px) {
.aw-hero-title { font-size: 39px; }
.aw-industries-grid { grid-template-columns: 1fr 1fr; }
.aw-footer-grid { grid-template-columns: 1fr 1fr; }
}
</style>
<div id="aw-home">
<section class="aw-hero">
<div class="aw-hero-inner">
<div class="aw-hero-content">
<div class="aw-pill" style="margin-bottom: 18px; margin-top: 0; display: inline-flex; padding: 8px 16px; border-radius: 30px; background: linear-gradient(90deg,#e8edff,#f0eaff); color: #2858dd; font-size: 13px; font-weight: 700;">
AI-Powered • Smart • Efficient
</div>
<h1 class="aw-hero-title">
Empowering Businesses<br>
with <span class="aw-gradient-text">AI Solutions</span>
</h1>
<p class="aw-hero-description">
AIWebstation helps businesses automate, digitalize and grow with intelligent solutions, cloud technology and expert support.
</p>
<div class="aw-buttons">
<a href="#aw-solutions" class="aw-primary-btn">Explore Solutions →</a>
<a href="#aw-ai" class="aw-secondary-btn">💬 Talk to AI Assistant</a>
</div>
</div>
<div class="aw-hero-visual">
<img src="https://website.ipohserver.com/AIWEBSTATION/wp-content/uploads/2026/08/aiwebstation-header-scaled.jpg" alt="AIWebstation AI Business Solutions">
</div>
</div>
</section>
<section class="aw-trusted">
<div class="aw-trusted-inner">
<div class="aw-trusted-title">Trusted by Leading Businesses</div>
<div class="aw-partners">
<span class="aw-partner auto">AutoCount</span>
<span class="aw-partner microsoft">Microsoft</span>
<span class="aw-partner tp">tp-link</span>
<span class="aw-partner site">SiteGiant</span>
<span class="aw-partner">DELL</span>
<span class="aw-partner">HIKVISION</span>
</div>
</div>
</section>
<section class="aw-section aw-solutions" id="aw-solutions">
<div class="aw-section-inner">
<div class="aw-section-label">Our Solutions</div>
<h2 class="aw-section-title">Complete IT & AI Solutions<br>for Your Business</h2>
<p class="aw-section-subtitle">Technology solutions designed to help your business work smarter and grow faster.</p>
<div class="aw-solutions-grid" id="aw-services">
<?php
$sols = [
['i' => '🤖', 't' => 'AI O�(Y�9� �������� O�(
� ���Solutions', 'l' => ['AI Chatbot','Business Automation','Knowledge Base']],
['i' => '🧾', 't' => 'Accounting Solutions', 'l' => ['AutoCount Accounting','Cloud Accounting','POS Solutions']],
['i' => '🛒', 't' => 'Website & E-Commerce', 'l' => ['Website Development','E-Commerce Solutions','Online Store']],
['i' => '☁', 't' => 'Cloud Solutions', 'l' => ['Cloud Infrastructure','Microsoft 365','Business Email']],
['i' => '🛡', 't' => 'IT Support & Network', 'l' => ['IT Support','Network Setup','System Maintenance']],
['i' => '🛍', 't' => 'Marketplace Integration', 'l' => ['Shopee Integration','Lazada Integration','TikTok Shop']],
];
foreach ($sols as $s): ?>
<div class="aw-solution-card">
<div class="aw-solution-icon"><?php echo $s['i']; ?></div>
<div>
<h3><?php echo $s['t']; ?></h3>
<ul><?php foreach ($s['l'] as $item) echo "<li>$item</li>"; ?></ul>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="aw-ai-section" id="aw-ai">
<div class="aw-section-inner">
<div class="aw-ai-box">
<div class="aw-ai-copy">
<h2>Meet Your<br><span class="aw-gradient-text">AI Business Assistant</span></h2>
<p>Get instant answers to your business questions 24/7.</p>
<div class="aw-ai-checks">
<div class="aw-ai-check">Smart & Accurate</div>
<div class="aw-ai-check">Trained with Your Data</div>
<div class="aw-ai-check">24/7 Available</div>
<div class="aw-ai-check">Multi-language Support</div>
</div>
<a href="#aw-contact" class="aw-primary-btn">Try AI Assistant Now →</a>
</div>
<div class="aw-ai-demo">
<div class="aw-ai-demo-header"><div class="aw-ai-dot"></div>AIWebstation Assistant</div>
<div class="aw-messages">
<div class="aw-message ai">How can I help your business today?</div>
<div class="aw-message user">I want to know about AutoCount pricing.</div>
<div class="aw-message ai">AutoCount offers flexible solutions based on your business needs.</div>
</div>
<div class="aw-chat-input">Ask me anything...</div>
</div>
</div>
</div>
</section>
<section class="aw-section aw-why" id="aw-why">
<div class="aw-section-inner">
<div class="aw-why-grid">
<div class="aw-why-intro">
<h2>Why Choose<br><span class="aw-gradient-text">AIWebstation?</span></h2>
<p>We provide professional, reliable and innovative solutions to help your business grow.</p>
<a href="#aw-contact" class="aw-primary-btn">About Us →</a>
</div>
<?php
$reasons = [
['👥','Professional Team','Experienced specialists ready to help'],
['🛡','Reliable Solutions','High quality and trusted solutions'],
['⚡','Fast Response','Quick support whenever you need'],
['📍','Local Support','Malaysia-based support team'],
];
foreach ($reasons as $r): ?>
<div class="aw-why-card">
<div class="aw-why-icon"><?php echo $r[0]; ?></div>
<h3><?php echo $r[1]; ?></h3>
<p><?php echo $r[2]; ?></p>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="aw-industries">
<div class="aw-section-inner" style="text-align:center;">
<div class="aw-section-label">Industries We Serve</div>
<h2 class="aw-section-title">Solutions for Every Industry</h2>
<p class="aw-section-subtitle">We support businesses from various industries.</p>
<div class="aw-industries-grid">
<?php
$inds = ['🛍 Retail & Trading','🏭 Manufacturing','🧾 Accounting Firms','🎓 Education','🏥 Healthcare','🏢 SME Businesses'];
foreach ($inds as $i): ?>
<div class="aw-industry">
<div class="aw-industry-icon"><?php echo explode(' ', $i)[0]; ?></div>
<span><?php echo explode(' ', $i)[1]; ?></span>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="aw-cta" id="aw-contact">
<div class="aw-section-inner">
<div class="aw-cta-box">
<div>
<h2>Ready to Transform Your Business with AI?</h2>
<p>Let's help you build a smarter and more efficient business.</p>
<a href="#" class="aw-primary-btn">Get Free Consultation →</a>
</div>
<div class="aw-rocket">🚀</div>
</div>
</div>
</section>
<footer class="aw-footer" id="aw-footer">
<div class="aw-footer-grid">
<div class="aw-footer-brand">
<div class="aw-logo"><span class="aw-logo-ai">AI</span><span style="color:#fff;">Webstation</span></div>
<p>Empowering businesses with AI and digital solutions.</p>
<div class="aw-social"><span>f</span><span>in</span><span>▶</span><span>◎</span></div>
</div>
<div><h4>Solutions</h4><a href="#">AI Solutions</a><a href="#">Accounting Software</a><a href="#">Cloud Solutions</a><a href="#">Website Development</a><a href="#">E-Commerce</a></div>
<div><h4>Services</h4><a href="#">IT Support</a><a href="#">Network Solutions</a><a href="#">Web Hosting</a><a href="#">Email Solutions</a><a href="#">Cybersecurity</a></div>
<div><h4>Company</h4><a href="#">About Us</a><a href="#">Our Team</a><a href="#">Careers</a><a href="#">Contact Us</a></div>
<div><h4>Support</h4><a href="#">Help Center</a><a href="#">FAQ</a><a href="#">Remote Support</a><a href="#">Privacy Policy</a></div>
</div>
<div class="aw-footer-bottom">
<span>© 2026 AIWebstation. All Rights Reserved.</span>
<span>Sitemap | Terms of Service | Privacy Policy</span>
</div>
</footer>
<div class="aiws-bot-container">
<?php echo do_shortcode('[mwai_chatbot id="chatbot-lhvskf"]'); ?>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll('#aw-home a[href^="#"]').forEach(function(link) {
link.addEventListener("click", function(e) {
const target = document.querySelector(this.getAttribute("href"));
if (target) { e.preventDefault(); target.scrollIntoView({ behavior: "smooth", block: "start" }); }
});
});
});
</script>
<?php
return ob_get_clean();
}); O�(���
�������� �l�d
� ?�
/**
* Plugin Name: AIWebstation Absolute Final Design
* Description: Extreme override version to fix color (Deep Navy) and section order issues.
* Version: 4.0
*/
function aiws_render_absolute_final(): string {
ob_start();
?>
<!-- External Resources -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<style>
/* FORCE FULL WIDTH & RESET THEME */
html, body { overflow-x: hidden; }
.aiws-main-wrapper {
font-family: 'Inter', sans-serif !important;
width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
/* FORCE DEEP NAVY COLORS (Anti-Black) */
.aiws-bg-navy { background-color: #0b112d !important; }
.aiws-text-white { color: #ffffff !important; }
.aiws-text-gray { color: #9ca3af !important; }
.aiws-gradient-title {
background: linear-gradient(90deg, #60a5fa 0%, #a855f7 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.aiws-btn-primary {
background: linear-gradient(90deg, #2563eb 0%, #4f46e5 100%) !important;
color: white !important;
transition: all 0.3s ease !important;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }
</style>
<div class="aiws-main-wrapper bg-white text-gray-800 antialiased">
<!-- [SECTION 1] HEADER - White Background -->
<header class="w-full bg-white border-b border-gray-100 sticky top-0 z-[999]">
<div class="container mx-auto px-6 h-20 flex items-center justify-between">
<a class="flex flex-col" href="#">
<span class="text-2xl font-extrabold tracking-tight text-blue-600 uppercase">AIWebstation</span>
<span class="text-[10px] font-medium text-gray-500 uppercase tracking-wider">Empowering Businesses with AI</span>
</a>
<nav class="hidden lg:flex items-center space-x-8">
<a class="text-gray-700 hover:text-blue-600 font-medium transition-colors" href="#">Home</a>
<a class="text-gray-700 hover:text-blue-600 font-medium flex items-center gap-1 cursor-pointer" href="#">Solutions <i class="w-4 h-4" data-lucide="chevron-down"></i></a>
<a class="text-gray-700 hover:text-blue-600 font-medium flex items-center gap-1 cursor-pointer" href="#">Services <i class="w-4 h-4" data-lucide="chevron-down"></i></a>
<a class="text-gray-700 hover:text-blue-600 font-medium" href="#">AI Solutions</a>
<a class="text-gray-700 hover:text-blue-600 font-medium flex items-center gap-1 cursor-pointer" href="#">Resources <i class="w-4 h-4" data-lucide="chevron-down"></i></a>
<a class="text-gray-700 hover:text-blue-600 font-medium" href="#">About Us</a>
</nav>
<div class="flex items-center gap-4">
<a class="aiws-btn-primary px-6 py-2 rounded-full font-bold text-sm shadow-lg" href="#">Contact Us</a>
<div class="hidden md:flex items-center gap-1 text-gray-500 cursor-pointer text-sm font-medium">EN <i class="w-4 h-4" data-lucide="chevron-down"></i></div>
</div>
</div>
</header>
<!-- [SECTION 2] HERO - Deep Navy Background -->
<section class="aiws-bg-navy relative pt-20 pb-32 overflow-hidden text-white">
<div class="absolute top-[-10%] right-[-5%] w-[600px] h-[600px] bg-blue-600/20 blur-[120px] rounded-full"></div>
<div class="container mx-auto px-6 flex flex-col lg:flex-row items-center gap-16 relative z-10">
<div class="lg:w-1/2 text-left">
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-500/20 border border-blue-500/30 text-blue-300 font-medium text-xs mb-6">
<span>AI-Powered</span> <span class="w-1 h-1 bg-blue-400 rounded-full"></span> <span>Smart</span> <span class="w-1 h-1 bg-blue-400 rounded-full"></span> <span>Efficient</span>
</div>
<h1 class="text-5xl lg:text-7xl font-extrabold leading-[1.1] mb-6 italic" style="color: #ffffff !important;">
Empowering Businesses with <span class="aiws-gradient-title">AI Solutions</span>
</h1>
<p class="text-lg text-gray-400 mb-10 max-w-xl leading-relaxed border-l-4 border-blue-500 pl-4" style="color: #9ca3af !important;">
AIWebstation helps businesses automate, digitalize and grow with <strong class="text-white">intelligent solutions</strong>, cloud technology and expert support.
</p>
<div class="flex flex-wrap items-center gap-4">
<a class="aiws-btn-primary px-8 py-4 rounded-full font-bold shadow-xl flex items-center gap-2" href="#">Explore Solutions <i class="w-5 h-5" data-lucide="arrow-right"></i></a>
<a class="bg-transparent border border-white/30 hover:bg-white/10 text-white px-8 py-4 rounded-full font-bold flex items-center gap-2 transition-all" href="#"> <i class="w-5 h-5 text-blue-400" data-lucide="message-square"></i> Talk to AI Assistant </a>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 mt-16 pt-8 border-t border-white/10">
<div><div class="text-3xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-400" data-lucide="award"></i> 10+</div> <div class="text-[10px] text-gray-500 uppercase tracking-widest mt-1">Years Experience</div></div>
<div><div class="text-3xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-400" data-lucide="users"></i> 1000+</div> <div class="text-[10px] text-gray-500 uppercase tracking-widest mt-1">Businesses Served</div></div>
<div><div class="text-3xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-400" data-lucide="clock"></i> 24/7</div> <div class="text-[10px] text-gray-500 uppercase tracking-widest mt-1">AI Support</div></div>
<div><div class="text-3xl font-bold flex items-center gap-2"><i class="w-6 h-6 text-blue-400" data-lucide="shield-check"></i> 99%</div> <div class="text-[10px] text-gray-500 uppercase tracking-widest mt-1">Satisfaction</div></div>
</div>
</div>
<div class="lg:w-1/2 relative flex justify-center">
<img alt="AI Dashboard" class="rounded-3xl shadow-2xl border border-white/10 w-full max-w-xl animate-float object-cover" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDgYLMF08yl2MSEaGKg1NMu0pPmXFumfldhU2MBc0peZsz-rWTVJCLpXCBlYEscsA-Pr9ks2-3iMkIbeMExmuSW4D0M3cMWW3R8z3FUDOBRPolWWB609oCGEC7IeIxuFuc1yqT8QfilrzHWPAEcMM8ZT2Ej1d70Uu9qymz3cB-7OX1nQNTYs0jkZq51mAM6wn2owDLu26TRwwYJu9yy0d2BQjpaigqEpTX6j4B-GfaMTuv1m82DG7R8sQ"/>
</div>
</div>
</section>
<!-- [SECTION 3] TRUST BAR - White Background -->
<section class="py-12 bg-white border-b border-gray-100">
<div class="container mx-auto px-6 flex flex-col md:flex-row items-center justify-center gap-8 opacity-50 grayscale transition-all hover:grayscale-0 duration-500">
<span class="font-bold text-gray-500 uppercase tracking-widest text-xs">Trusted by Leading Businesses</span>
<div class="flex flex-wrap justify-center gap-12 items-center">
<img alt="Logo" class="h-8 object-contain" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAB0BBKnEQQnSXM16Q-SGMy9OfK1B_XYIj6tNY4f7nDRusWyBp_CI8C6B2YB9J3tAYLh-8WCqNIOEbQ-5u2mE9aaYOpqlzyiYJC5hTuuZZjU8Y..."/>
<img alt="Logo" class="h-8 object-contain" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDYxMA5RwR0KKA5JxhuVEg909grKOMg2UX1v-vWxAUeHvQSJpUqSnDY8gqL9KOyIMryOb8ZA_sRhSipOxHzrxEs1Dd50Cg46BLwLjl5Tjy4Fdl5oKzy-invVJBA1PpJaSJHu2BooVWmmtgJGlA2Pdh-fL6PvJfJFfyHF95zPlNEoGx2APMSV1bOMADq9uA60wwCdiJnkjDJJjZ0Q6EFhFgq9djpeb7t0YZ2fenHOS6pQozenZPUTk0SWw"/>
</div>
</div>
</section>
<!-- [SECTION 4] SOLUTIONS - Light Gray Background -->
<section class="py-24 bg-gray-50">
<div class="container mx-auto px-6 text-center">
<h2 class="text-4xl font-extrabold text-gray-900 mb-4 italic">Our Solutions</h2>
<p class="text-gray-500 text-lg mb-16 max-w-2xl mx-auto">Complete IT & AI solutions for your business growth</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<?php
$solutions = [
['title' => 'AI Solutions', 'icon' => 'bot', 'color' => 'blue'],
['title' => 'Accounting Solutions', 'icon' => 'calculator', 'color' => 'green'],
['title' => 'Website & E-Commerce', 'icon' => 'shopping-cart', 'color' => 'purple'],
['title' => 'Cloud Solutions', 'icon' => 'cloud', 'color' => 'indigo'],
['title' => 'IT Support & Network', 'icon' => 'monitor', 'color' => 'orange'],
['title' => 'Marketplace Integration', 'icon' => 'layers', 'color' => 'pink'],
];
foreach($solutions as $s):
$bg = ($s['color']=='blue')?'bg-blue-50 text-blue-600':(($s['color']=='green')?'bg-green-50 text-green-600':(($s['color']=='purple')?'bg-purple-50 text-purple-600':(($s['color']=='indigo')?'bg-indigo-50 text-indigo-600':(($s['color']=='orange')?'bg-orange-50 text-orange-600':'bg-pink-50 text-pink-600'))));
?>
<div class="bg-white rounded-[2rem] p-8 shadow-sm border border-gray-100 group hover:shadow-xl hover:-translate-y-2 transition-all">
<div class="w-14 h-14 <?php echo $bg; ?> rounded-2xl flex items-center justify-center mb-6"><i class="w-7 h-7" data-lucide="<?php echo $s['icon']; ?>"></i></div>
<h3 class="text-xl font-bold text-gray-900 mb-4"><?php echo $s['title']; ?></h3>
<a class="text-blue-600 font-bold flex items-center gap-2 group-hover:gap-3 transition-all" href="#">Learn More <i class="w-4 h-4" data-lucide="arrow-right"></i></a>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- [SECTION 5] AI ASSISTANT BOX - Navy Box on White BG -->
<section class="py-24 bg-white">
<div class="container mx-auto px-6">
<div class="aiws-bg-navy rounded-[3rem] p-8 lg:p-16 relative overflow-hidden text-white flex flex-col lg:flex-row items-center gap-12 shadow-2xl border border-blue-500/20">
<div class="absolute top-[-20%] right-[-10%] w-[500px] h-[500px] bg-blue-600/20 blur-[100px] rounded-full"></div>
<div class="lg:w-1/2 relative z-10">
<h2 class="text-4xl lg:text-5xl font-extrabold mb-6 leading-tight italic" style="color: #ffffff !important;">Meet Your <span class="text-white">AI Business Assistant</span></h2>
<p class="text-xl text-blue-100/70 mb-8">Get instant answers to your business questions 24/7</p>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-10">
<?php $perks = ['Smart & Accurate', 'Trained with Your Data', '24/7 Available', 'Multi-language Support'];
foreach($perks as $p): ?>
<div class="flex items-center gap-3"><div class="bg-blue-500/30 p-1.5 rounded-full"><i class="w-4 h-4 text-blue-200" data-lucide="check"></i></div><span class="font-medium text-sm"><?php echo $p; ?></span></div>
<?php endforeach; ?>
</div>
<a class="aiws-btn-primary px-10 py-4 rounded-full font-bold shadow-lg inline-flex items-center gap-2" href="#">Try AI Assistant Now <i class="w-5 h-5" data-lucide="arrow-right"></i></a>
</div>
<div class="lg:w-1/2 relative z-10"><img alt="Mockup" class="w-full rounded-3xl shadow-2xl border border-white/10" src="https://lh3.googleusercontent.com/aida-public/AB6AXuChhxysENyYq0S5CnW9MIPXcPumr_DheehMHfm_96hOW37-iaWrXRKQMARfpd53LN5IVSgAO9T6-JqHdcteLP0JG_SLQm_Kg18Y9nw_vUW1-Fme7Ccr7yeXpl1Prx3MKEbUtl9aIZk3sdGay3oYbVUikYufBgtoH-CcDc-uGyzKviZCdc1RaN0Wss5sZiVDVYxWaw6XW2OXkl2_H9lfaH9U1-o-tS1i0cu-p2bbYLXg-tMQAtgILYqtZg"/></div>
</div>
</div>
</section>
<!-- [SECTION 6] WHY CHOOSE US - Light Gray Background -->
<section class="py-24 bg-gray-50">
<div class="container mx-auto px-6 flex flex-col lg:flex-row gap-16 items-center">
<div class="lg:w-1/3 text-left">
<h2 class="text-4xl font-extrabold text-gray-900 mb-6 italic">Why Choose <span class="text-blue-600">AIWebstation?</span></h2>
<p class="text-gray-600 mb-8 leading-relaxed">We provide professional, reliable and innovative solutions to help your business grow.</p>
<a class="aiws-btn-primary px-8 py-3 rounded-full font-bold shadow-lg inline-block" href="#">About Us</a>
</div>
<div class="lg:w-2/3 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<?php $reasons = [
['title' => 'Professional Team', 'desc' => 'Experienced specialists ready to help', 'icon' => 'users'],
['title' => 'Reliable Solutions', 'desc' => 'High quality and trusted solutions', 'icon' => 'shield-check'],
['title' => 'Fast Response', 'desc' => 'Quick support whenever you need', 'icon' => 'zap'],
['title' => 'Local Support', 'desc' => 'Malaysia-based support team', 'icon' => 'map-pin'],
];
foreach($reasons as $r): ?>
<div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col items-center text-center group hover:shadow-md transition-all">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-full flex items-center justify-center mb-4 group-hover:bg-blue-600 group-hover:text-white transition-colors"><i data-lucide="<?php echo $r['icon']; ?>"></i></div>
<h4 class="font-bold text-gray-900 mb-2"><?php echo $r['title']; ?></h4>
<p class="text-xs text-gray-500"><?php echo $r['desc']; ?></p>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- [SECTION 7] INDUSTRIES - White Background -->
<section class="py-24 bg-white">
<div class="container mx-auto px-6 text-center">
<h2 class="text-4xl font-extrabold text-gray-900 mb-4 italic">Industries We Serve</h2>
<p class="text-gray-600 mb-16 max-w-xl mx-auto">We support businesses from various industries with specialized AI & IT toolsets.</p>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
<?php $ind = ['Retail & Trading', 'Manufacturing', 'Accounting Firms', 'Education', 'Healthcare', 'SME Businesses'];
foreach($ind as $i): ?>
<div c�l�d�MB� �������� �l�d
� ����lass="p-6 rounded-2xl bg-gray-50 border border-gray-100 hover:bg-blue-50 transition-all group">
<div class="w-12 h-12 bg-white shadow-sm rounded-xl flex items-center justify-center mx-auto mb-4 text-blue-600 group-hover:scale-110 transition-transform"><i data-lucide="building-2"></i></div>
<span class="text-xs font-bold text-gray-700 uppercase tracking-tight"><?php echo $i; ?></span>
</div>
<?php endforeach; ?>
</div>
<!-- [SECTION 8] BIG CTA BANNER - Deep Navy -->
<div class="mt-24 max-w-5xl mx-auto aiws-bg-navy rounded-[3rem] p-12 text-white flex flex-col md:flex-row items-center justify-between gap-8 shadow-2xl relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-full bg-blue-600/10 blur-[100px] -translate-x-1/4"></div>
<div class="text-left relative z-10">
<h3 class="text-3xl font-bold mb-4 italic" style="color: #ffffff !important;">Ready to Transform Your Business with AI?</h3>
<p class="text-blue-100/70">Get a free consultation and start your digital transformation today.</p>
</div>
<a class="aiws-btn-primary px-10 py-4 rounded-full font-bold shadow-xl hover:scale-105 transition-transform relative z-10" href="#">Get Free Consultation <i class="w-5 h-5 ml-2 inline-block" data-lucide="arrow-right"></i></a>
</div>
</div>
</section>
<!-- [SECTION 9] FOOTER - Deep Navy -->
<footer class="aiws-bg-navy text-gray-400 pt-20 pb-10 border-t border-white/5">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
<div>
<a class="text-white text-2xl font-extrabold mb-6 block uppercase italic">AIWebstation</a>
<p class="text-sm leading-relaxed mb-6 opacity-70">Empowering Businesses with AI and Digital Solutions. We help you scale through technology.</p>
<div class="flex items-center gap-4">
<a class="w-9 h-9 rounded-full bg-white/5 flex items-center justify-center hover:bg-blue-600 text-white transition-colors" href="#"><i class="w-4 h-4" data-lucide="facebook"></i></a>
<a class="w-9 h-9 rounded-full bg-white/5 flex items-center justify-center hover:bg-blue-600 text-white transition-colors" href="#"><i class="w-4 h-4" data-lucide="linkedin"></i></a>
<a class="w-9 h-9 rounded-full bg-white/5 flex items-center justify-center hover:bg-blue-600 text-white transition-colors" href="#"><i class="w-4 h-4" data-lucide="instagram"></i></a>
</div>
</div>
<div>
<h4 class="text-white font-bold mb-6 uppercase tracking-widest text-xs">Solutions</h4>
<ul class="space-y-3 text-sm opacity-70">
<li><a class="hover:text-blue-400 transition-colors" href="#">AI Solutions</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Accounting Software</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-bold mb-6 uppercase tracking-widest text-xs">Services</h4>
<ul class="space-y-3 text-sm opacity-70">
<li><a class="hover:text-blue-400 transition-colors" href="#">IT Support</a></li>
<li><a class="hover:text-blue-400 transition-colors" href="#">Network Solutions</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-bold mb-6 uppercase tracking-widest text-xs">Stay Connected</h4>
<p class="text-sm mb-4 opacity-70">Subscribe to our newsletter</p>
<div class="flex gap-2">
<input type="email" placeholder="Your email" class="bg-white/5 border border-white/10 rounded-lg px-4 py-2 text-sm w-full focus:outline-none text-white">
<button class="aiws-btn-primary p-2 rounded-lg shadow-lg"><i class="w-5 h-5 text-white" data-lucide="send"></i></button>
</div>
</div>
</div>
<div class="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center text-[10px] opacity-50">
<p>© 2026 AIWebstation. All Rights Reserved.</p>
<div class="flex gap-6 mt-4 md:mt-0">
<a href="#">Sitemap</a> <a href="#">Privacy Policy</a> <a href="#">Terms of Service</a>
</div>
</div>
</div>
</footer>
<!-- Floating Chatbot -->
<div class="fixed bottom-8 right-8 z-[9999]">
<?php echo do_shortcode('[mwai_chatbot id="chatbot-lhvskf"]'); ?>
</div>
</div>
<script>lucide.createIcons();</script>
<?php return ob_get_clean(); }
add_shortcode( 'aiwebstationtest', 'aiws_render_absolute_final' ); �l�d�� ����
��#,E� � 9}� �3� �� !infimum supremum
4�� &� � Make upload filenames lowercaseMakes sure that image and file uploads have lowercase filenames.
This is a sample snippet. Feel free to use it, edit it, or remove it.add_filter( 'sanitize_file_name', 'mb_strtolower' );sample, mediaglobal� �
����zB� s�� c� � Disable admin barTurns off the WordPress admin bar for everyone except administrators.
This is a sample snippet. Feel free to use it, edit it, or remove it.add_action( 'wp', function () {
if ( ! current_user_can( 'manage_options' ) ) {
show_admin_bar( false );
}
} );sample, admin-barfront-end� �
����zB� ��r
� � Allow smiliesAllows smiley conversion in obscure places.
This is a sample snippet. Feel free to use it, edit it, or remove it.add_filter( 'widget_text', 'convert_smilies' );
add_filter( 'the_title', 'convert_smilies' );
add_filter( 'wp_title', 'convert_smilies' );
add_filter( 'get_bloginfo', 'convert_smilies' );sampleglobal� �
����zB�
�� ( �� � Current yearShortcode for inserting the current year into a post or page..
This is a sample snippet. Feel free to use it, edit it, or remove it.<?php echo date( 'Y' ); ?>sample, datescontent� �
����zB� � 0�� � AIWebstation � & \<global� �
���� r� � 8 a� � AIWEBSTATION 2 �
& T�global� �
����Qv� � @ ^� � AI HOME GPT � & ^�global� �
����0�� ��
H
�� � Contact Us{
"version": "0.4",
"title": "AIWebstation Contact Us Template",
"type": "page",
"elements": [
{
"id": "section_header",
"elType": "section",
"settings": {
"background_color": "#0b112d",
"padding": {"top":"80","bottom":"80","right":"20","left":"20"},
"custom_css": ".contact-header { text-align:center; background:linear-gradient(135deg,#1e3a8a,#6b46c1); padding:60px 0; } .contact-header h1{color:#fff;font-size:2.8rem;margin:0;}"
},
"elements": [
{
"id": "heading_header",
"elType": "widget",
"widgetType": "heading",
"settings": {"title":"Contact Us","header_size":"h1","align":"center","_css_classes":"contact-header"}
}
]
},
{
"id": "section_body",
"elType": "section",
"settings": {"structure":"50"},
"elements": [
{
"id": "column_info",
"elType": "column",
"settings": {},
"elements": [
{
"id": "textinfo",
"elType": "widget",
"widgetType": "text-editor",
"settings": {
"content":"<h3>Our Offices</h3><p><strong>Webstation Computer Centre (IP0138413‑X)</strong><br/>99-13 & 99‑11, Hala Perusahaan Menglembu 13,<br/>Industri Menglembu Jaya,<br/>31450 Menglembu, Perak.</p><p><strong>Webstation Computer Centre – Klang Branch</strong><br/>No. 29‑3, Lebuh Tapah,<br/>41400 Klang, Selangor.</p><h3>Toll‑Free Number</h3><p>1700 822 922 (General)<br/>Mon–Fri 9:00 am–6:00 pm • Sat 9:00 am–1:00 pm</p><h3>Sales & Marketing</h3><p><a href=\"tel:+6016553488\">+60 16‑553 4968</a> / <a href=\"tel:+60165508505\">+60 16‑550 8505</a><br/><a href=\"mailto:sales@webstation.my\">sales@webstation.my</a></p>",
"_css_classes":"contact-info"
}
}
]
},
{
"id": "column_form",
"elType": "column",
"settings": {},
"elements": [
{
"id": "shortcode_form",
"elType": "widget",
"widgetType": "shortcode",
"settings": {"shortcode":"[aiweb_contact_form]","_css_classes":"contact-form"}
}
]
}
]
},
{
"id": "section_map",
"elType": "section",
"settings": {},
"elements": [
{
"id": "map_html",
"elType": "widget",
"widgetType": "html",
"settings": {
"html":"<div class=\"map-wrapper\"><iframe src=\"https://embed.waze.com/iframe?zoom=15&lat=...&lon=...\" width=\"100%\" height=\"400\" allowfullscreen></iframe></div>",
"_css_classes":"contact-map"
}
}
]
}
],
"page_settings": {
"post_status": "publish",
"post_title": "Contact Us",
"post_type": "page",
"featured_image": null,
"custom_css": ".contact-info h3,.contact-form h3{color:#e0e7ff;margin-bottom:.8rem;} .contact-info p,.contact-info a{line-height:1.5;color:#cbd5e1;} .contact-info a:hover{color:#fff;text-decoration:underline;} .aiw-contact-form input,.aiw-contact-form textarea{width:100%;padding:.6rem .9rem;border:none;border-radius:4px;background:#1e293b;color:#f5f6fa;} .aiw-contact-form button{background:#6366f1;color:#fff;padding:.7rem 1.3rem;border:none;border-radius:4px;cursor:pointer;} .aiw-contact-form button:hover{background:#4f46e5;}"
}
}
global� �
�����u� '� P��
� AIWebstation Motion Polish CSS/* AIWebstation homepage motion polish — scoped to page 307 */
.page-id-307 .elementor-element-12bc9f6,
.page-id-307 .elementor-element-d377e15,
.page-id-307 .elementor-element-ecc8dc3,
.page-id-307 .elementor-element-1f408dc,
.page-id-307 .elementor-element-c6c3d8e,
.page-id-307 .elementor-element-6e86728,
.page-id-307 .elementor-element-caf74e6,
.page-id-307 .elementor-element-40aed36,
.page-id-307 .elementor-element-3dcab68,
.page-id-307 .elementor-element-e98d942,
.page-id-307 .elementor-element-71a13af,
.page-id-307 .elementor-element-38e324e {
transition: transform 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
will-change: transform;
}
.page-id-307 .elementor-element-12bc9f6:hover,
.page-id-307 .elementor-element-d377e15:hover,
.page-id-307 .elementor-element-ecc8dc3:hover,
.page-id-307 .elementor-element-1f408dc:hover,
.page-id-307 .elementor-element-c6c3d8e:hover,
.page-id-307 .elementor-element-6e86728:hover {
transform: translateY(-6px);
border-color: #3E9CFF !important;
box-shadow: 0 18px 42px rgba(2,10,25,.34), inset 0 1px 0 rgba(67,216,255,.08);
}
.page-id-307 .elementor-element-5dacb95,
.page-id-307 .elementor-element-b11ba7a,
.page-id-307 .elementor-element-91d9fda,
.page-id-307 .elementor-element-1ed5fd0,
.page-id-307 .elementor-element-d5c711d,
.page-id-307 .elementor-element-4772cd9 {
overflow: hidden;
}
.page-id-307 .elementor-element-a7bd392 img,
.page-id-307 .elementor-element-16a7ad1 img,
.page-id-307 .elementor-element-efe3bbe img,
.page-id-307 .elementor-element-a89ac82 img,
.page-id-307 .elementor-element-44a5e88 img,
.page-id-307 .elementor-element-bd04308 img {
transition: transform 420ms cubic-bezier(.2,.8,.2,1), filter 220ms ease;
will-change: transform;
}
.page-id-307 .elementor-element-12bc9f6:hover img,
.page-id-307 .elementor-element-d377e15:hover img,
.page-id-307 .elementor-element-ecc8dc3:hover img,
.page-id-307 .elementor-element-1f408dc:hover img,
.page-id-307 .elementor-element-c6c3d8e:hover img,
.page-id-307 .elementor-element-6e86728:hover img {
transform: scale(1.045);
filter: saturate(1.05) contrast(1.03);
}
.page-id-307 .elementor-widget-button .elementor-button {
transition: transform 160ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms ease, filter 180ms ease;
}
.page-id-307 .elementor-widget-button .elementor-button:hover {
transform: translateY(-2px) scale(1.015);
box-shadow: 0 10px 28px rgba(62,156,255,.22);
filter: brightness(1.05);
}
.page-id-307 .elementor-widget-button .elementor-button:active {
transform: translateY(0) scale(.985);
transition-duration: 90ms;
}
.page-id-307 .elementor-element-f0a104a img {
transition: transform 180ms cubic-bezier(.2,.8,.2,1), filter 180ms ease, opacity 180ms ease;
}
.page-id-307 .elementor-element-f0a104a img:hover {
transform: translateY(-3px) scale(1.035);
filter: brightness(1.06) saturate(1.03);
}
.page-id-307 .elementor-element-caf74e6:hover,
.page-id-307 .elementor-element-40aed36:hover,
.page-id-307 .elementor-element-3dcab68:hover,
.page-id-307 .elementor-element-e98d942:hover {
transform: translateY(-4px);
}
.page-id-307 .elementor-element-caf74e6 .elementor-icon,
.page-id-307 .elementor-element-40aed36 .elementor-icon,
.page-id-307 .elementor-element-3dcab68 .elementor-icon,
.page-id-307 .elementor-element-e98d942 .elementor-icon {
transition: transform 180ms cubic-bezier(.2,.8,.2,1), color 180ms ease;
}
.page-id-307 .elementor-element-caf74e6:hover .elementor-icon,
.page-id-307 .elementor-element-40aed36:hover .elementor-icon,
.page-id-307 .elementor-element-3dcab68:hover .elementor-icon,
.page-id-307 .elementor-element-e98d942:hover .elementor-icon {
transform: scale(1.12) translateY(-2px);
color: #43D8FF;
}
.page-id-307 .elementor-element-71a13af:hover {
transform: translateY(-4px);
box-shadow: 0 22px 54px rgba(2,10,25,.38), inset 0 1px 0 rgba(67,216,255,.08);
}
/* JS-enhanced reveal state: content remains visible when JS never runs. */
.page-id-307.aw-motion-ready .aw-reveal {
opacity: 0;
transform: translate3d(0,22px,0);
}
.page-id-307.aw-motion-ready .aw-reveal.aw-from-left {
transform: translate3d(-24px,0,0);
}
.page-id-307.aw-motion-ready .aw-reveal.aw-from-right {
transform: translate3d(24px,0,0);
}
.page-id-307.aw-motion-ready .aw-reveal.is-visible {
opacity: 1;
transform: translate3d(0,0,0);
transition: opacity 620ms cubic-bezier(.2,.8,.2,1), transform 620ms cubic-bezier(.2,.8,.2,1);
transition-delay: var(--aw-delay,0ms);
}
.page-id-307.aw-motion-ready .aw-hero-enter {
opacity: 0;
transform: translate3d(0,18px,0);
animation: awHeroEnter 700ms cubic-bezier(.2,.8,.2,1) forwards;
animation-delay: var(--aw-delay,0ms);
}
.page-id-307.aw-motion-ready .aw-hero-enter.aw-from-right {
transform: translate3d(24px,0,0);
animation-name: awHeroEnterRight;
}
@keyframes awHeroEnter {
to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes awHeroEnterRight {
to { opacity: 1; transform: translate3d(0,0,0); }
}
.page-id-307 .elementor-element-9e7e2ea .elementor-widget-container {
transition: transform 220ms cubic-bezier(.2,.8,.2,1);
transform-style: preserve-3d;
will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
.page-id-307 *,
.page-id-307 *::before,
.page-id-307 *::after {
scroll-behavior: auto !important;
animation-duration: .001ms !important;
animation-delay: 0ms !important;
transition-duration: .001ms !important;
}
.page-id-307.aw-motion-ready .aw-reveal,
.page-id-307.aw-motion-ready .aw-hero-enter {
opacity: 1 !important;
transform: none !important;
}
}
aiwebstation, motion, homepagesite-css� �
������ ɍ X � � AIWebstation Motion Polish JS(() => {
const boot = () => {
const body = document.body;
if (!body || !body.classList.contains('page-id-307')) return;
const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (reduceMotion) return;
body.classList.add('aw-motion-ready');
const hero = [
['c165cc9', 0, ''],
['7268ca2', 70, ''],
['0b99054', 150, ''],
['6b2e6ab', 230, ''],
['9e7e2ea', 140, 'aw-from-right']
];
hero.forEach(([id, delay, extra]) => {
const el = document.querySelector(`.elementor-element-${id}`);
if (!el) return;
el.classList.add('aw-hero-enter');
if (extra) el.classList.add(extra);
el.style.setProperty('--aw-delay', `${delay}ms`);
});
const groups = [
{ selectors: ['38eef37','f0a104a','da55c84','be9498e','a2be6e8'], base: 0, step: 55 },
{ selectors: ['12bc9f6','d377e15','ecc8dc3','1f408dc','c6c3d8e','6e86728'], base: 40, step: 65 },
{ selectors: ['aa9b022','71a13af'], base: 0, step: 120, sides: ['aw-from-left','aw-from-right'] },
{ selectors: ['474da60','d65c1e0','380c9d9'], base: 0, step: 55 },
{ selectors: ['caf74e6','40aed36','3dcab68','e98d942'], base: 40, step: 70 },
{ selectors: ['38e324e'], base: 0, step: 0 },
{ selectors: ['0c02b51','d9626d2'], base: 0, step: 80 }
];
const revealEls = [];
groups.forEach(group => {
group.selectors.forEach((id, index) => {
const el = document.querySelector(`.elementor-element-${id}`);
if (!el) return;
el.classList.add('aw-reveal');
if (group.sides && group.sides[index]) el.classList.add(group.sides[index]);
el.style.setProperty('--aw-delay', `${group.base + (group.step * index)}ms`);
revealEls.push(el);
});
});
if ('IntersectionObserver' in window) {
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (!entry.isIntersecting) return;
entry.target.classList.add('is-visible');
obs.unobserve(entry.target);
});
}, { threshold: 0.14, rootMargin: '0px 0px -7% 0px' });
revealEls.forEach(el => observer.observe(el));
} else {
revealEls.forEach(el => el.classList.add('is-visible'));
}
const heroVisual = document.querySelector('.elementor-element-9e7e2ea .elementor-widget-container');
const heroZone = document.querySelector('.elementor-element-4c10436');
const finePointer = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
if (heroVisual && heroZone && finePointer) {
let raf = 0;
heroZone.addEventListener('pointermove', (event) => {
cancelAnimationFrame(raf);
raf = requestAnimationFrame(() => {
const rect = heroZone.getBoundingClientRect();
const x = (event.clientX - rect.left) / rect.width - 0.5;
const y = (event.clientY - rect.top) / rect.height - 0.5;
heroVisual.style.transform = `perspective(900px) rotateX(${(-y * 3).toFixed(2)}deg) rotateY(${(x * 4).toFixed(2)}deg) translate3d(${(x * 3).toFixed(2)}px,${(y * 3).toFixed(2)}px,0)`;
});
}, { passive: true });
heroZone.addEventListener('pointerleave', () => {
cancelAnimationFrame(raf);
heroVisual.style.transform = '';
}, { passive: true });
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot, { once: true });
} else {
boot();
}
})();
aiwebstation, motion, homepagesite-footer-js� �
������ p� c��#,�p��
���mE� � 4 �%�K �� !infimum supremum � a� � AIWEBSTATION 2 �
& T�global� �
����Qv� � ^� � AI HOME GPT � & ^�global� �
����0�� ��
�� � Contact Us{
"version": "0.4",
"title": "AIWebstation Contact Us Template",
"type": "page",
"elements": [
{
"id": "section_header",
"elType": "section",
"settings": {
"background_color": "#0b112d",
"padding": {"top":"80","bottom":"80","right":"20","left":"20"},
"custom_css": ".contact-header { text-align:center; background:linear-gradient(135deg,#1e3a8a,#6b46c1); padding:60px 0; } .contact-header h1{color:#fff;font-size:2.8rem;margin:0;}"
},
"elements": [
{
"id": "heading_header",
"elType": "widget",
"widgetType": "heading",
"settings": {"title":"Contact Us","header_size":"h1","align":"center","_css_classes":"contact-header"}
}
]
},
{
"id": "section_body",
"elType": "section",
"settings": {"structure":"50"},
"elements": [
{
"id": "column_info",
"elType": "column",
"settings": {},
"elements": [
{
"id": "textinfo",
"elType": "widget",
"widgetType": "text-editor",
"settings": {
"content":"<h3>Our Offices</h3><p><strong>Webstation Computer Centre (IP0138413‑X)</strong><br/>99-13 & 99‑11, Hala Perusahaan Menglembu 13,<br/>Industri Menglembu Jaya,<br/>31450 Menglembu, Perak.</p><p><strong>Webstation Computer Centre – Klang Branch</strong><br/>No. 29‑3, Lebuh Tapah,<br/>41400 Klang, Selangor.</p><h3>Toll‑Free Number</h3><p>1700 822 922 (General)<br/>Mon–Fri 9:00 am–6:00 pm • Sat 9:00 am–1:00 pm</p><h3>Sales & Marketing</h3><p><a href=\"tel:+6016553488\">+60 16‑553 4968</a> / <a href=\"tel:+60165508505\">+60 16‑550 8505</a><br/><a href=\"mailto:sales@webstation.my\">sales@webstation.my</a></p>",
"_css_classes":"contact-info"
}
}
]
},
{
"id": "column_form",
"elType": "column",
"settings": {},
"elements": [
{
"id": "shortcode_form",
"elType": "widget",
"widgetType": "shortcode",
"settings": {"shortcode":"[aiweb_contact_form]","_css_classes":"contact-form"}
}
]
}
]
},
{
"id": "section_map",
"elType": "section",
"settings": {},
"elements": [
{
"id": "map_html",
"elType": "widget",
"widgetType": "html",
"settings": {
"html":"<div class=\"map-wrapper\"><iframe src=\"https://embed.waze.com/iframe?zoom=15&lat=...&lon=...\" width=\"100%\" height=\"400\" allowfullscreen></iframe></div>",
"_css_classes":"contact-map"
}
}
]
}
],
"page_settings": {
"post_status": "publish",
"post_title": "Contact Us",
"post_type": "page",
"featured_image": null,
"custom_css": ".contact-info h3,.contact-form h3{color:#e0e7ff;margin-bottom:.8rem;} .contact-info p,.contact-info a{line-height:1.5;color:#cbd5e1;} .contact-info a:hover{color:#fff;text-decoration:underline;} .aiw-contact-form input,.aiw-contact-form textarea{width:100%;padding:.6rem .9rem;border:none;border-radius:4px;background:#1e293b;color:#f5f6fa;} .aiw-contact-form button{background:#6366f1;color:#fff;padding:.7rem 1.3rem;border:none;border-radius:4px;cursor:pointer;} .aiw-contact-form button:hover{background:#4f46e5;}"
}
}
global� �
�����u� '� (�5�
� AIWebstation Motion Polish CSS/* AIWebstation homepage motion polish — scoped to page 307 */
.page-id-307 .elementor-element-12bc9f6,
.page-id-307 .elementor-element-d377e15,
.page-id-307 .elementor-element-ecc8dc3,
.page-id-307 .elementor-element-1f408dc,
.page-id-307 .elementor-element-c6c3d8e,
.page-id-307 .elementor-element-6e86728,
.page-id-307 .elementor-element-caf74e6,
.page-id-307 .elementor-element-40aed36,
.page-id-307 .elementor-element-3dcab68,
.page-id-307 .elementor-element-e98d942,
.page-id-307 .elementor-element-71a13af,
.page-id-307 .elementor-element-38e324e {
transition: transform 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
will-change: transform;
}
.page-id-307 .elementor-element-12bc9f6:hover,
.page-id-307 .elementor-element-d377e15:hover,
.page-id-307 .elementor-element-ecc8dc3:hover,
.page-id-307 .elementor-element-1f408dc:hover,
.page-id-307 .elementor-element-c6c3d8e:hover,
.page-id-307 .elementor-element-6e86728:hover {
transform: translateY(-6px);
border-color: #3E9CFF !important;
box-shadow: 0 18px 42px rgba(2,10,25,.34), inset 0 1px 0 rgba(67,216,255,.08);
}
.page-id-307 .elementor-element-5dacb95,
.page-id-307 .elementor-element-b11ba7a,
.page-id-307 .elementor-element-91d9fda,
.page-id-307 .elementor-element-1ed5fd0,
.page-id-307 .elementor-element-d5c711d,
.page-id-307 .elementor-element-4772cd9 {
overflow: hidden;
}
.page-id-307 .elementor-element-a7bd392 img,
.page-id-307 .elementor-element-16a7ad1 img,
.page-id-307 .elementor-element-efe3bbe img,
.page-id-307 .elementor-element-a89ac82 img,
.page-id-307 .elementor-element-44a5e88 img,
.page-id-307 .elementor-element-bd04308 img {
transition: transform 420ms cubic-bezier(.2,.8,.2,1), filter 220ms ease;
will-change: transform;
}
.page-id-307 .elementor-element-12bc9f6:hover img,
.page-id-307 .elementor-element-d377e15:hover img,
.page-id-307 .elementor-element-ecc8dc3:hover img,
.page-id-307 .elementor-element-1f408dc:hover img,
.page-id-307 .elementor-element-c6c3d8e:hover img,
.page-id-307 .elementor-element-6e86728:hover img {
transform: scale(1.045);
filter: saturate(1.05) contrast(1.03);
}
.page-id-307 .elementor-widget-button .elementor-button {
transition: transform 160ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms ease, filter 180ms ease;
}
.page-id-307 .elementor-widget-button .elementor-button:hover {
transform: translateY(-2px) scale(1.015);
box-shadow: 0 10px 28px rgba(62,156,255,.22);
filter: brightness(1.05);
}
.page-id-307 .elementor-widget-button .elementor-button:active {
transform: translateY(0) scale(.985);
transition-duration: 90ms;
}
.page-id-307 .elementor-element-f0a104a img {
transition: transform 180ms cubic-bezier(.2,.8,.2,1), filter 180ms ease, opacity 180ms ease;
}
.page-id-307 .elementor-element-f0a104a img:hover {
transform: translateY(-3px) scale(1.035);
filter: brightness(1.06) saturate(1.03);
}
.page-id-307 .elementor-element-caf74e6:hover,
.page-id-307 .elementor-element-40aed36:hover,
.page-id-307 .elementor-element-3dcab68:hover,
.page-id-307 .elementor-element-e98d942:hover {
transform: translateY(-4px);
}
.page-id-307 .elementor-element-caf74e6 .elementor-icon,
.page-id-307 .elementor-element-40aed36 .elementor-icon,
.page-id-307 .elementor-element-3dcab68 .elementor-icon,
.page-id-307 .elementor-element-e98d942 .elementor-icon {
transition: transform 180ms cubic-bezier(.2,.8,.2,1), color 180ms ease;
}
.page-id-307 .elementor-element-caf74e6:hover .elementor-icon,
.page-id-307 .elementor-element-40aed36:hover .elementor-icon,
.page-id-307 .elementor-element-3dcab68:hover .elementor-icon,
.page-id-307 .elementor-element-e98d942:hover .elementor-icon {
transform: scale(1.12) translateY(-2px);
color: #43D8FF;
}
.page-id-307 .elementor-element-71a13af:hover {
transform: translateY(-4px);
box-shadow: 0 22px 54px rgba(2,10,25,.38), inset 0 1px 0 rgba(67,216,255,.08);
}
/* JS-enhanced reveal state: content remains visible when JS never runs. */
.page-id-307.aw-motion-ready .aw-reveal {
opacity: 0;
transform: translate3d(0,22px,0);
}
.page-id-307.aw-motion-ready .aw-reveal.aw-from-left {
transform: translate3d(-24px,0,0);
}
.page-id-307.aw-motion-ready .aw-reveal.aw-from-right {
transform: translate3d(24px,0,0);
}
.page-id-307.aw-motion-ready .aw-reveal.is-visible {
opacity: 1;
transform: translate3d(0,0,0);
transition: opacity 620ms cubic-bezier(.2,.8,.2,1), transform 620ms cubic-bezier(.2,.8,.2,1);
transition-delay: var(--aw-delay,0ms);
}
.page-id-307.aw-motion-ready .aw-hero-enter {
opacity: 0;
transform: translate3d(0,18px,0);
animation: awHeroEnter 700ms cubic-bezier(.2,.8,.2,1) forwards;
animation-delay: var(--aw-delay,0ms);
}
.page-id-307.aw-motion-ready .aw-hero-enter.aw-from-right {
transform: translate3d(24px,0,0);
animation-name: awHeroEnterRight;
}
@keyframes awHeroEnter {
to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes awHeroEnterRight {
to { opacity: 1; transform: translate3d(0,0,0); }
}
.page-id-307 .elementor-element-9e7e2ea .elementor-widget-container {
transition: transform 220ms cubic-bezier(.2,.8,.2,1);
transform-style: preserve-3d;
will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
.page-id-307 *,
.page-id-307 *::before,
.page-id-307 *::after {
scroll-behavior: auto !important;
animation-duration: .001ms !important;
animation-delay: 0ms !important;
transition-duration: .001ms !important;
}
.page-id-307.aw-motion-ready .aw-reveal,
.page-id-307.aw-motion-ready .aw-hero-enter {
opacity: 1 !important;
transform: none !important;
}
}
aiwebstation, motion, homepagesite-css� �
������ ɍ 0 � � AIWebstation Motion Polish JS(() => {
const boot = () => {
const body = document.body;
if (!body || !body.classList.contains('page-id-307')) return;
const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (reduceMotion) return;
body.classList.add('aw-motion-ready');
const hero = [
['c165cc9', 0, ''],
['7268ca2', 70, ''],
['0b99054', 150, ''],
['6b2e6ab', 230, ''],
['9e7e2ea', 140, 'aw-from-right']
];
hero.forEach(([id, delay, extra]) => {
const el = document.querySelector(`.elementor-element-${id}`);
if (!el) return;
el.classList.add('aw-hero-enter');
if (extra) el.classList.add(extra);
el.style.setProperty('--aw-delay', `${delay}ms`);
});
const groups = [
{ selectors: ['38eef37','f0a104a','da55c84','be9498e','a2be6e8'], base: 0, step: 55 },
{ selectors: ['12bc9f6','d377e15','ecc8dc3','1f408dc','c6c3d8e','6e86728'], base: 40, step: 65 },
{ selectors: ['aa9b022','71a13af'], base: 0, step: 120, sides: ['aw-from-left','aw-from-right'] },
{ selectors: ['474da60','d65c1e0','380c9d9'], base: 0, step: 55 },
{ selectors: ['caf74e6','40aed36','3dcab68','e98d942'], base: 40, step: 70 },
{ selectors: ['38e324e'], base: 0, step: 0 },
{ selectors: ['0c02b51','d9626d2'], base: 0, step: 80 }
];
const revealEls = [];
groups.forEach(group => {
group.selectors.forEach((id, index) => {
const el = document.querySelector(`.elementor-element-${id}`);
if (!el) return;
el.classList.add('aw-reveal');
if (group.sides && group.sides[index]) el.classList.add(group.sides[index]);
el.style.setProperty('--aw-delay', `${group.base + (group.step * index)}ms`);
revealEls.push(el);
});
});
if ('IntersectionObserver' in window) {
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (!entry.isIntersecting) return;
entry.target.classList.add('is-visible');
obs.unobserve(entry.target);
});
}, { threshold: 0.14, rootMargin: '0px 0px -7% 0px' });
revealEls.forEach(el => observer.observe(el));
} else {
revealEls.forEach(el => el.classList.add('is-visible'));
}
const heroVisual = document.querySelector('.elementor-element-9e7e2ea .elementor-widget-container');
const heroZone = document.querySelector('.elementor-element-4c10436');
const finePointer = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
if (heroVisual && heroZone && finePointer) {
let raf = 0;
heroZone.addEventListener('pointermove', (event) => {
cancelAnimationFrame(raf);
raf = requestAnimationFrame(() => {
const rect = heroZone.getBoundingClientRect();
const x = (event.clientX - rect.left) / rect.width - 0.5;
const y = (event.clientY - rect.top) / rect.height - 0.5;
heroVisual.style.transform = `perspective(900px) rotateX(${(-y * 3).toFixed(2)}deg) rotateY(${(x * 4).toFixed(2)}deg) translate3d(${(x * 3).toFixed(2)}px,${(y * 3).toFixed(2)}px,0)`;
});
}, { passive: true });
heroZone.addEventListener('pointerleave', () => {
cancelAnimationFrame(raf);
heroVisual.style.transform = '';
}, { passive: true });
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot, { once: true });
} else {
boot();
}
})();
aiwebstation, motion, homepagesite-footer-js� �
������ p c���m���
�`�|E� � -2� !� �� !infimum supremum ɍ K� � AIWebstation Motion Polish JS(() => {
const boot = () => {
const body = document.body;
if (!body || !body.classList.contains('page-id-307')) return;
const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (reduceMotion) return;
body.classList.add('aw-motion-ready');
const hero = [
['c165cc9', 0, ''],
['7268ca2', 70, ''],
['0b99054', 150, ''],
['6b2e6ab', 230, ''],
['9e7e2ea', 140, 'aw-from-right']
];
hero.forEach(([id, delay, extra]) => {
const el = document.querySelector(`.elementor-element-${id}`);
if (!el) return;
el.classList.add('aw-hero-enter');
if (extra) el.classList.add(extra);
el.style.setProperty('--aw-delay', `${delay}ms`);
});
const groups = [
{ selectors: ['38eef37','f0a104a','da55c84','be9498e','a2be6e8'], base: 0, step: 55 },
{ selectors: ['12bc9f6','d377e15','ecc8dc3','1f408dc','c6c3d8e','6e86728'], base: 40, step: 65 },
{ selectors: ['aa9b022','71a13af'], base: 0, step: 120, sides: ['aw-from-left','aw-from-right'] },
{ selectors: ['474da60','d65c1e0','380c9d9'], base: 0, step: 55 },
{ selectors: ['caf74e6','40aed36','3dcab68','e98d942'], base: 40, step: 70 },
{ selectors: ['38e324e'], base: 0, step: 0 },
{ selectors: ['0c02b51','d9626d2'], base: 0, step: 80 }
];
const revealEls = [];
groups.forEach(group => {
group.selectors.forEach((id, index) => {
const el = document.querySelector(`.elementor-element-${id}`);
if (!el) return;
el.classList.add('aw-reveal');
if (group.sides && group.sides[index]) el.classList.add(group.sides[index]);
el.style.setProperty('--aw-delay', `${group.base + (group.step * index)}ms`);
revealEls.push(el);
});
});
if ('IntersectionObserver' in window) {
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (!entry.isIntersecting) return;
entry.target.classList.add('is-visible');
obs.unobserve(entry.target);
});
}, { threshold: 0.14, rootMargin: '0px 0px -7% 0px' });
revealEls.forEach(el => observer.observe(el));
} else {
revealEls.forEach(el => el.classList.add('is-visible'));
}
const heroVisual = document.querySelector('.elementor-element-9e7e2ea .elementor-widget-container');
const heroZone = document.querySelector('.elementor-element-4c10436');
const finePointer = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
if (heroVisual && heroZone && finePointer) {
let raf = 0;
heroZone.addEventListener('pointermove', (event) => {
cancelAnimationFrame(raf);
raf = requestAnimationFrame(() => {
const rect = heroZone.getBoundingClientRect();
const x = (event.clientX - rect.left) / rect.width - 0.5;
const y = (event.clientY - rect.top) / rect.height - 0.5;
heroVisual.style.transform = `perspective(900px) rotateX(${(-y * 3).toFixed(2)}deg) rotateY(${(x * 4).toFixed(2)}deg) translate3d(${(x * 3).toFixed(2)}px,${(y * 3).toFixed(2)}px,0)`;
});
}, { passive: true });
heroZone.addEventListener('pointerleave', () => {
cancelAnimationFrame(raf);
heroVisual.style.transform = '';
}, { passive: true });
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot, { once: true });
} else {
boot();
}
})();
aiwebstation, motion, homepagesite-footer-js� �
������ ^�C& )� � AIWebstation Production Motion RuntimeRestrained motion for the homepage, service pages and contact page.$aw_motion_pages = [307,403,404,405,406,407,408,415,416,417];
add_action('wp_head', function () use ($aw_motion_pages) {
if (!is_page($aw_motion_pages) && !is_front_page()) return;
?>
<style id="aiwebstation-motion-runtime-css">
body.aw-motion-site .elementor-widget-button .elementor-button{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease}
body.aw-motion-site .elementor-widget-button .elementor-button:hover{transform:translateY(-.125rem);box-shadow:0 .65rem 1.75rem rgba(23,107,255,.18);filter:brightness(1.03)}
body.aw-motion-site .elementor-widget-button .elementor-button:active{transform:translateY(0) scale(.985)}
body.aw-motion-site .aw-motion-card{transition:transform .19s cubic-bezier(.2,.8,.2,1),border-color .19s ease,box-shadow .19s ease}
body.aw-motion-site .aw-motion-card:hover{transform:translateY(-.25rem);border-color:#176BFF!important;box-shadow:0 1rem 2.4rem rgba(23,107,255,.12)!important}
body.aw-motion-site [data-id$="-visual-story"] .elementor-widget-image .elementor-widget-container,
body.aw-motion-site [data-id$="-visual"] .elementor-widget-image .elementor-widget-container,
body.aw-motion-site [data-id="home-signature-visual"] .elementor-widget-image .elementor-widget-container,
body.aw-motion-site .aw-hero-img .elementor-widget-image .elementor-widget-container{overflow:hidden}
body.aw-motion-site [data-id$="-visual-story"],body.aw-motion-site [data-id$="-visual"],body.aw-motion-site [data-id="home-signature-image-wrap"],body.aw-motion-site .aw-hero-img{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}
body.aw-motion-site [data-id$="-visual-story"] .elementor-widget-image img,
body.aw-motion-site [data-id$="-visual"] .elementor-widget-image img,
body.aw-motion-site [data-id="home-signature-visual"] .elementor-widget-image img,
body.aw-motion-site .aw-hero-img .elementor-widget-image img{transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .22s ease;will-change:transform}
@media(hover:hover) and (pointer:fine){
body.aw-motion-site [data-id$="-visual-story"]:hover .elementor-widget-image img,
body.aw-motion-site [data-id$="-visual"]:hover .elementor-widget-image img,
body.aw-motion-site [data-id="home-signature-visual"]:hover .elementor-widget-image img,
body.aw-motion-site .aw-hero-img:hover .elementor-widget-image img{transform:scale(1.022);filter:saturate(1.03) contrast(1.012)}
body.aw-motion-site [data-id$="-visual"]:hover,body.aw-motion-site [data-id="home-signature-image-wrap"]:hover,body.aw-motion-site .aw-hero-img:hover{transform:translateY(-.1875rem);box-shadow:0 1.1rem 2.75rem rgba(23,107,255,.12)}
}
body.aw-motion-ready .aw-hero-enter{opacity:0;transform:translate3d(0,1rem,0);animation:awHeroEnter .58s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--aw-delay,0ms)}
@keyframes awHeroEnter{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.aw-motion-site *{animation-duration:.001ms!important;transition-duration:.001ms!important}body.aw-motion-ready .aw-hero-enter{opacity:1!important;transform:none!important}body.aw-motion-site [data-id$="-visual-story"],body.aw-motion-site [data-id$="-visual"],body.aw-motion-site [data-id="home-signature-image-wrap"],body.aw-motion-site .aw-hero-img{transform:none!important;box-shadow:none!important}body.aw-motion-site .elementor-widget-image img{transform:none!important;filter:none!important}}
</style>
<?php
},40);
add_action('wp_footer', function () use ($aw_motion_pages) {
if (!is_page($aw_motion_pages) && !is_front_page()) return;
?>
<script id="aiwebstation-motion-runtime-js">
(()=>{const b=document.body,root=document.querySelector('.elementor');if(!b||!root)return;b.classList.add('aw-motion-site');if(matchMedia('(prefers-reduced-motion: reduce)').matches)return;b.classList.add('aw-motion-ready');const hero=root.querySelector(':scope > .e-con');if(hero){const items=[...hero.querySelectorAll(':scope > .e-con > .elementor-widget,:scope > .elementor-widget')].slice(0,6);items.forEach((e,i)=>{e.classList.add('aw-hero-enter');e.style.setProperty('--aw-delay',(i*.055)+'s')})}const sels=['[data-id*="-case-"]','[data-id*="-fit-"]','[data-id*="-type-"]','[data-id*="-support-"]','[data-id*="-route-"]','[data-id*="-step-"]','[data-id*="-roadmap-"]','[data-id*="-rollout-"]','[data-id*="-transition-"]','[data-id*="-response-"]'];root.querySelectorAll(sels.join(',')).forEach(e=>{if(e.classList.contains('e-con')&&e.parentElement&&e.parentElement.closest('.e-con'))e.classList.add('aw-motion-card')})})();
</script>
<?php
},40);aiwebstation, motion, productionfront-end� �
�����q� ,�� ' �x�
� AIWebstation Luminous Daylight Fluid UI/* AIWebstation Luminous Daylight — fluid responsive layer */
:root{--aw-bg:#F6F9FF;--aw-surface:#FFFFFF;--aw-ice:#EEF4FF;--aw-ink:#0B1739;--aw-text:#53627D;--aw-blue:#176BFF;--aw-cyan:#00B8D9;--aw-line:#D9E4F5;--aw-fluid-space:clamp(1rem,2.2vw,2rem);--aw-section-space:clamp(3.5rem,7vw,6.5rem)}
body.aw-motion-site{background:radial-gradient(circle at 88% 4%,rgba(23,107,255,.10),transparent 28rem),radial-gradient(circle at 8% 38%,rgba(0,184,217,.07),transparent 24rem),var(--aw-bg);color:var(--aw-text)}
body.aw-motion-site h1,body.aw-motion-site .elementor-widget-heading h1{font-size:clamp(2.65rem,6.3vw,5.75rem)!important;line-height:1.02!important;letter-spacing:-.035em}
body.aw-motion-site h2,body.aw-motion-site .elementor-widget-heading h2{font-size:clamp(2rem,4vw,3.45rem)!important;line-height:1.08!important;letter-spacing:-.025em}
body.aw-motion-site h3,body.aw-motion-site .elementor-widget-heading h3{font-size:clamp(1.4rem,2.4vw,2.15rem)!important;line-height:1.13!important}
body.aw-motion-site .elementor-widget-text-editor{font-size:clamp(.96rem,1.05vw,1.075rem)}
body.aw-motion-site a{color:var(--aw-blue)}
body.aw-motion-site .elementor-button{font-size:clamp(.9rem,.95vw,1rem)!important;border-radius:.65rem!important}
body.aw-motion-site .aw-motion-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,244,255,.72))!important;border-color:var(--aw-line)!important;box-shadow:0 .75rem 2.4rem rgba(30,76,145,.08)!important}
body.aw-motion-site .aw-motion-card:hover{border-color:rgba(23,107,255,.55)!important;box-shadow:0 1.25rem 3.2rem rgba(23,107,255,.13)!important}
body.aw-motion-site .elementor-widget-image img{max-width:100%;height:auto}
body.aw-motion-site .elementor-field,body.aw-motion-site input,body.aw-motion-site textarea,body.aw-motion-site select{background:#fff;color:var(--aw-ink);border-color:var(--aw-line);border-radius:.6rem}
body.aw-motion-site .elementor-field:focus,body.aw-motion-site input:focus,body.aw-motion-site textarea:focus,body.aw-motion-site select:focus{outline:.125rem solid rgba(23,107,255,.22);border-color:var(--aw-blue)}
@media(max-width:64rem){body.aw-motion-site h1,body.aw-motion-site .elementor-widget-heading h1{font-size:clamp(2.4rem,7vw,4.4rem)!important}.elementor .e-con.e-flex.e-con>.e-con{min-width:0}}
@media(max-width:48rem){body.aw-motion-site h1,body.aw-motion-site .elementor-widget-heading h1{font-size:clamp(2.2rem,11vw,3.4rem)!important}body.aw-motion-site h2,body.aw-motion-site .elementor-widget-heading h2{font-size:clamp(1.8rem,8vw,2.6rem)!important}.elementor .e-con{max-width:100%}.elementor .e-con>.elementor-widget{max-width:100%}}
@media(prefers-reduced-motion:reduce){body.aw-motion-site *{scroll-behavior:auto!important}}
aiwebstation, light-theme, responsive, fluidsite-css� � ����Kb� p c�`�|̖�Y ���� �D��E� � "y� � �� !infimum supremum 8�K, � � AIWebstation Luminous Daylight Fluid RuntimeProduction light-theme and fluid-responsive CSS for all AIWebstation pages.$aw_light_pages = [307,403,404,405,406,407,408,415,416,417];
add_action('wp_head', function () use ($aw_light_pages) {
if (!is_page($aw_light_pages) && !is_front_page()) return;
?>
<style id="aiwebstation-luminous-daylight-fluid-runtime">
:root{--aw-bg:#EAF2FF;--aw-surface:#FFFFFF;--aw-ice:#F2F7FF;--aw-mist:#E3EEFF;--aw-cyan-surface:#EAF8FB;--aw-ink:#0B1739;--aw-text:#2F3E5C;--aw-text-soft:#4E5E7A;--aw-text-muted:#667792;--aw-blue:#176BFF;--aw-cyan:#00B8D9;--aw-line:#D1DFF2;--aw-fluid-space:clamp(1rem,2vw,1.75rem);--aw-section-space:clamp(3.75rem,6vw,5.5rem)}
body.aw-motion-site{background:radial-gradient(circle at 88% 4%,rgba(23,107,255,.07),transparent 24rem),radial-gradient(circle at 8% 38%,rgba(0,184,217,.05),transparent 22rem),var(--aw-bg);color:var(--aw-text)}
body.aw-motion-site h1,body.aw-motion-site .elementor-widget-heading h1{font-size:clamp(2.5rem,5.2vw,4.75rem)!important;line-height:1.03!important;letter-spacing:-.032em}
body.aw-motion-site h2,body.aw-motion-site .elementor-widget-heading h2{font-size:clamp(1.9rem,3.3vw,3rem)!important;line-height:1.09!important;letter-spacing:-.022em}
body.aw-motion-site h3,body.aw-motion-site .elementor-widget-heading h3{font-size:clamp(1.3rem,2vw,1.85rem)!important;line-height:1.15!important}
body.aw-motion-site h1,body.aw-motion-site h2,body.aw-motion-site h3,body.aw-motion-site h4,body.aw-motion-site h5,body.aw-motion-site h6,body.aw-motion-site .elementor-heading-title{color:var(--aw-ink)}
body.aw-motion-site .elementor-widget-text-editor{font-size:clamp(.95rem,1vw,1.05rem);color:var(--aw-text)}
body.aw-motion-site .elementor-widget-text-editor p,body.aw-motion-site .elementor-widget-text-editor li,body.aw-motion-site .elementor-widget-icon-box .elementor-icon-box-description,body.aw-motion-site .elementor-widget-image-box .elementor-image-box-description{color:var(--aw-text)!important}
body.aw-motion-site .aw-motion-card .elementor-widget-text-editor,body.aw-motion-site .aw-motion-card .elementor-widget-text-editor p{color:var(--aw-text-soft)!important}
body.aw-motion-site [data-id="footer-global"] .elementor-widget-text-editor,body.aw-motion-site [data-id="footer-global"] .elementor-widget-text-editor p,body.aw-motion-site [data-id="footer-global"] .elementor-widget-text-editor a{color:var(--aw-text-soft)!important}
body.aw-motion-site [data-id="footer-global"] .elementor-heading-title{color:var(--aw-ink)!important}
body.aw-motion-site a{color:var(--aw-blue)}
body.aw-motion-site a:hover,body.aw-motion-site a:focus{color:#0F56D9}
body.aw-motion-site .elementor-button{font-size:clamp(.88rem,.9vw,.98rem)!important;border-radius:.65rem!important}
body.aw-motion-site .elementor .aw-motion-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,255,.96))!important;border-color:var(--aw-line)!important;box-shadow:0 .65rem 2rem rgba(30,76,145,.065)!important}
body.aw-motion-site .elementor .aw-motion-card:hover{border-color:rgba(23,107,255,.48)!important;box-shadow:0 1rem 2.6rem rgba(23,107,255,.10)!important}
body.aw-motion-site .elementor-widget-image img{max-width:100%;height:auto}
body.aw-motion-site .elementor-field,body.aw-motion-site input,body.aw-motion-site textarea,body.aw-motion-site select{background:var(--aw-surface);color:var(--aw-ink);border-color:var(--aw-line);border-radius:.6rem}
body.aw-motion-site input::placeholder,body.aw-motion-site textarea::placeholder{color:var(--aw-text-muted);opacity:1}
body.aw-motion-site .elementor-field:focus,body.aw-motion-site input:focus,body.aw-motion-site textarea:focus,body.aw-motion-site select:focus{outline:.125rem solid rgba(23,107,255,.22);border-color:var(--aw-blue)}
/* Balanced editorial density: enough air to feel designed, enough momentum to feel useful. */
body.aw-motion-site .elementor > .e-con:not([data-id="footer-global"]):not([data-id="49b6b77"]){padding-block:var(--aw-section-space)!important}
body.aw-motion-site .elementor > [data-id$="-hero"],body.aw-motion-site .elementor > [data-id="hero-el"]{padding-block:clamp(3.25rem,4.8vw,4.5rem)!important}
body.aw-motion-site .elementor > [data-id$="-cta"],body.aw-motion-site .elementor > [data-id="b886d5a"]{padding-block:clamp(3.5rem,5.2vw,4.75rem)!important}
body.aw-motion-site [data-id$="-visual-story"],body.aw-motion-site [data-id="home-signature-visual"]{padding-block:clamp(4.25rem,6.8vw,6.25rem)!important}
body.aw-motion-site [data-id$="-rollout-row"],body.aw-motion-site [data-id$="-implementation-row"],body.aw-motion-site [data-id$="-process-row"],body.aw-motion-site [data-id$="-migration-row"],body.aw-motion-site [data-id$="-response-row"],body.aw-motion-site [data-id$="-roadmap-row"],body.aw-motion-site [data-id$="-transition-row"]{gap:clamp(1.25rem,2.2vw,2rem)!important}
body.aw-motion-site .e-con[data-id*="-step-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-response-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-roadmap-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-rollout-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-transition-"]:not([data-id$="-row"]){padding:clamp(1.5rem,2.3vw,2.1rem)!important}
body.aw-motion-site [data-id$="-visual-copy"],body.aw-motion-site [data-id="home-signature-copy"]{gap:clamp(1rem,1.6vw,1.5rem)!important}
@media(max-width:64rem){body.aw-motion-site h1,body.aw-motion-site .elementor-widget-heading h1{font-size:clamp(2.3rem,6vw,3.8rem)!important}.elementor .e-con.e-flex.e-con>.e-con{min-width:0}body.aw-motion-site .elementor > .e-con:not([data-id="footer-global"]):not([data-id="49b6b77"]){padding-block:clamp(3.5rem,6vw,4.75rem)!important}}
@media(max-width:48rem){body.aw-motion-site h1,body.aw-motion-site .elementor-widget-heading h1{font-size:clamp(2.05rem,9vw,3rem)!important}body.aw-motion-site h2,body.aw-motion-site .elementor-widget-heading h2{font-size:clamp(1.7rem,7vw,2.35rem)!important}.elementor .e-con{max-width:100%}.elementor .e-con>.elementor-widget{max-width:100%}body.aw-motion-site .elementor > .e-con:not([data-id="footer-global"]):not([data-id="49b6b77"]){padding-block:clamp(3rem,8vw,4rem)!important}body.aw-motion-site [data-id$="-visual-story"],body.aw-motion-site [data-id="home-signature-visual"]{padding-block:clamp(3.25rem,9vw,4.5rem)!important}body.aw-motion-site .e-con[data-id*="-step-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-response-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-roadmap-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-rollout-"]:not([data-id$="-row"]),body.aw-motion-site .e-con[data-id*="-transition-"]:not([data-id$="-row"]){padding:clamp(1.35rem,4vw,1.75rem)!important}}
@media(prefers-reduced-motion:reduce){body.aw-motion-site *{scroll-behavior:auto!important}}
</style>
<?php
}, 50);aiwebstation, light-theme, responsive, fluid, productionfront-end� � �����K� �� �� � AutoCount Elementor Import Testadd_action('admin_init', function () {
if (!current_user_can('manage_options')) {
return;
}
if (!isset($_GET['autocount_elementor_test'])) {
return;
}
$page_id = 1193;
$test_data = [
[
'id' => 'hero_test_001',
'elType' => 'container',
'isInner' => false,
'settings' => [],
'elements' => [
[
'id' => 'heading_test_001',
'elType' => 'widget',
'isInner' => false,
'settings' => [
'title' => 'AutoCount Cloud Accounting',
'header_size' => 'h1',
],
'elements' => [],
'widgetType' => 'heading',
],
],
],
];
update_post_meta(
$page_id,
'_elementor_edit_mode',
'builder'
);
update_post_meta(
$page_id,
'_elementor_template_type',
'wp-page'
);
update_post_meta(
$page_id,
'_elementor_data',
wp_slash(wp_json_encode($test_data))
);
if (defined('ELEMENTOR_VERSION')) {
update_post_meta(
$page_id,
'_elementor_version',
ELEMENTOR_VERSION
);
}
wp_die(
'AutoCount Elementor test data has been added to Page ID 1193.'
);
});admin� �
�����c� p c�D�Ɖ�W|