vlcsolutions commited on
Commit
d536b37
·
verified ·
1 Parent(s): 19a9aa5

Apply this description after header section

Browse files

Banner Start

Connect and Protect: The All-in-One M365 Security Solution
Seamless security. Built-in M365.

CTA :Compare M365 Defenses



Banner Completed
____________________________________________________________________________

Section 1

Modern Workplace Solutions: Enhancing Productivity and Security ( or ) Empowering Employees Today
Work has shifted rapidly. Employees now demand remote flexibility and access across multiple devices. They seek work that develops their capabilities and contributes to self-development. Intelligent tools can help them work more efficiently and have more enriching workplace experience. This naturally boosts their satisfaction, confidence, and loyalty. Companies must actively stimulate this empowerment while securing critical IT systems.
Clients can increase productivity and well-being with VLC and Microsoft Modern Workplace solutions. These tools enhance communication and collaboration across regions and platforms without jeopardizing data and system stability.

CTA :Enable Remote Work


Section 2

Driving Team Innovation and Collaboration
The contemporary work environment changes rapidly. Constant change takes the form of distributed teams, new business models, and challenging security issues. The appropriate digital solutions motivate employees and encourage high productivity, participation, and collaboration. Microsoft 365 provides a modern, worldwide work environment with strong capabilities:
An up-to-date and adaptable operating system.
Effective, enterprise-level security software.
Integrated and effective productivity applications.
Unified Endpoint Management.
VLC assists customers in utilizing Microsoft 365 to enhance performance in the workplace and ensure system safety.
Verify Your Access Policy


Section 3

Smart Endpoint Protection
Protect client environments against advanced threats. This infrastructure features intelligent design, easy deployment, and simple management. Rapidly onboard teams with a hassle-free process.
· Updated Technology
Provide clients with the newest endpoint management capabilities. Offer comprehensive after-sales services and technical support.
· Dynamic Insights
Provide anticipatory information that aids customers in lowering expenses and enhancing decision-making.
· Smart Infrastructure: Utilize an intelligent infrastructure design that is highly effective in threat defense.
· Centralized Management
Benefit hassle-free and central management of all secured endpoints.
· Current Technology
Deliver customers the newest endpoint management features and protection.



Section 4

Security Foundation
Offer modern platform that secure vital information. Minimize risks, control access, and ensure compliance. Provide end-to-end, commercially available security services customers can rely on.
· Identity Access Management
Assist customers in securing user identities. Grant access to vital resources based on the assessed level of risk.
· Secure and Manage Identity
Secure user identities with Microsoft 365. Prevent the abuse of compromised identities.
· Detect and Prevent Identity Threats
Protect cloud activities with Microsoft 365. Identify and respond to risk based on user identity.
· Protect Yourself against Password Attacks
Use secured multi-factor authentication instead of conventional passwords. Enhance the protection of credentials against chronic threats.
· End-to-End Security Coverage
Provide commercially available services for complete security, ensuring system integrity and data protection.


Section 5


Data Protection
Ensure only authorized users can access documents and emails.
· Manage Cloud Usage
Components of on-premises and cloud systems must be heavily secured by modern businesses.
· Prevent Data Loss
Give companies control over data access and distribution. Secure data wherever it is transferred.
· Protect Against Malware and Phishing Scams
New malware threats emerge daily. Offer effective protection to secure customer data against sophisticated attacks.
· Respond to Security Events
Microsoft 365 enhances and accelerates audits, facilitating adherence to data policies.
· Secure Data Access
Implement controls to ensure only authorized users can access documents, emails, and files.


Section 6
Threat Protection
Prevent established and emerging threats. Ensure quick recovery from attacks.
· Risk Assessment
Review security posture to determine weaknesses. Develop robust remediation plans and strategies.
· Fuel Mobile Productivity
Offer secure cloud access. Secure information even on unmanaged or personal devices.
· Secure Communication
Deliver zero-day protection. Block viruses and malicious attacks.
· Identify and Report Suspicious Activity
Find high-risk events using AI and machine learning. Act at the speed of detection.
· Protect, Identify, and Respond to Sophisticated Threats
Take advantage of AI and intelligent surveillance. Recognize powerful attacks, observe dangerous behavior, and react quickly to avoid casualties.



Section 7


Secure all your cloud resources and devices instantly with advanced identity controls. Protect sensitive data while maximizing employee flexibility.
Secure All Endpoints

Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +541 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: M365 Shieldmaster Pro
3
- emoji: 📊
4
- colorFrom: red
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: M365 ShieldMaster Pro 🛡️⚡
3
+ colorFrom: green
4
+ colorTo: blue
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://huggingface.co/deepsite).
index.html CHANGED
@@ -1,19 +1,541 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, initial-scale=1.0"/>
8
+ <title>Industries We Serve – VLC Solutions</title>
9
+ <meta name="description" content="Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration."/>
10
+ <meta name="keywords" content="Microsoft Dynamics 365 Business Central, ERP solutions for industries, Manufacturing ERP software, Ecommerce ERP integration, Government compliance solutions, Power Platform and Microsoft 365 integration"/>
11
+ <link rel="canonical" href="https://www.vlcsolutions.com/industries.html" />
12
+
13
+ <!-- Twitter Card data -->
14
+ <meta name="twitter:card" content="summary_large_image">
15
+ <meta name="twitter:title" content="Industries We Serve – VLC Solutions">
16
+ <meta name="twitter:description" content="Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration.">
17
+ <meta name="twitter:image:src" content="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png">
18
+
19
+ <!-- Tailwind + libs -->
20
+ <script src="https://cdn.tailwindcss.com"></script>
21
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
22
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
23
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js" defer></script>
24
+
25
+ <!-- VLC Brand Map + UI polish -->
26
+ <style id="vlc-brand-theme">
27
+ :root{
28
+ --vlc-navy:#002060;
29
+ --vlc-navy-700:#001a50;
30
+ --vlc-sky:#00A0E9;
31
+ --vlc-leaf:#8DC63F;
32
+ --vlc-leaf-700:#79b32e;
33
+ --vlc-ink:#1F2A44;
34
+ --vlc-tint:#F5F7FF;
35
+ --vlc-leaf-tint:#F3FAEA;
36
+ --vlc-card:#ffffff;
37
+ }
38
+ body{ color:#1f2937; }
39
+ .service-card:hover{ transform:translateY(-4px); box-shadow:0 16px 28px -8px rgba(0,32,96,.18), 0 10px 14px -6px rgba(0,32,96,.10) }
40
+ .chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
41
+ .btn-primary{ background:var(--vlc-navy); color:#fff }
42
+ .btn-primary:hover{ background:var(--vlc-navy-700) }
43
+ .btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
44
+ .btn-accent:hover{ background:var(--vlc-leaf-700) }
45
+ .link-brand{ color:var(--vlc-navy) }
46
+ .link-brand:hover{ color:var(--vlc-leaf) }
47
+
48
+ /* Accent top border like vlcsolutions.com cards */
49
+ .card-accent{ position:relative; }
50
+ .card-accent:before{
51
+ content:""; position:absolute; inset:0 0 auto 0; height:4px;
52
+ background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
53
+ }
54
+
55
+ /* Soft patterned sections */
56
+ .pattern-navy{
57
+ background:
58
+ radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
59
+ radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
60
+ radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
61
+ linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
62
+ background-color:var(--vlc-navy);
63
+ }
64
+ .pattern-tint{
65
+ background:
66
+ radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
67
+ radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
68
+ background-color:#F7FBF1;
69
+ }
70
+
71
+ /* Footer */
72
+ footer a:hover{ color:var(--vlc-leaf) }
73
+
74
+ /* Make “Learn more” rows align across cards */
75
+ .card-body{ display:flex; flex-direction:column; height:100% }
76
+ .card-cta{ margin-top:auto }
77
+ </style>
78
+
79
+ <script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
80
+
81
+ <!-- Google tag (gtag.js) -->
82
+ <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
83
+
84
+ <script type="application/ld+json">
85
+ {
86
+ "@context":"https://schema.org",
87
+ "@type":"WebPage",
88
+ "url":"https://www.vlcsolutions.com/industries",
89
+ "name":"Industries We Serve – VLC Solutions",
90
+ "headline":"Empowering businesses with smarter systems, seamless workflows, and adaptive solutions for every industry.",
91
+ "description":"Smarter systems and seamless workflows for manufacturing, distribution, ecommerce & government—ERP, Dynamics 365, compliance, and Power Platform integration.",
92
+ "publisher":{
93
+ "@type":"Organization",
94
+ "name":"VLC Solutions",
95
+ "url":"https://www.vlcsolutions.com",
96
+ "logo":{"@type":"ImageObject","url":"https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png"}
97
+ },
98
+ "mainEntity":{
99
+ "@type":"ItemList",
100
+ "name":"Industries We Serve",
101
+ "itemListElement":[
102
+ {"@type":"Service","name":"Manufacturing ERP & AI Solutions","serviceType":"ProfessionalService","description":"Tool management, visual scheduling, barcode/reporting, CMMS, inventory optimization, AI-driven ERP."},
103
+ {"@type":"Service","name":"Distribution & Supply Chain Solutions","serviceType":"ProfessionalService","description":"Warehouse/logistics ERP, smart WMS, shipping for Business Central, Dynamics 365 supply chain."},
104
+ {"@type":"Service","name":"Ecommerce ERP Integrations","serviceType":"ProfessionalService","description":"Magento & Shopify connectors, ERP integration, PrintNode reporting, Power BI analytics."},
105
+ {"@type":"Service","name":"Government Contractor Compliance","serviceType":"ProfessionalService","description":"Compliance ERP, cybersecurity & GRC, CMMC/NIST services, IT compliance for SMBs."}
106
+ ]
107
+ },
108
+ "about":[
109
+ "Microsoft Dynamics 365 Business Central",
110
+ "ERP integrations",
111
+ "Power Platform",
112
+ "Governance, Risk & Compliance",
113
+ "Cloud hosting & Managed IT"
114
+ ],
115
+ "potentialAction":{
116
+ "@type":"ContactAction",
117
+ "target":"https://www.vlcsolutions.com/contactus.html",
118
+ "name":"Contact Us",
119
+ "description":"Ready to transform your industry? Automate, integrate, and scale with confidence."
120
+ },
121
+ }
122
+ </script>
123
+
124
+ </head>
125
+ <!-- Header / Nav -->
126
+ <header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
127
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
128
+ <div class="flex justify-between h-16">
129
+ <a href="https://www.vlcsolutions.com/" class="flex items-center gap-2">
130
+ <img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10" loading="lazy">
131
+ </a>
132
+
133
+ <nav class="hidden md:flex items-center gap-2" aria-label="Primary">
134
+ <!-- Direct link per your request -->
135
+ <a href="https://www.vlcsolutions.com/who-we-serve.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Who We Serve</a>
136
+
137
+ <!-- Solutions -->
138
+ <div class="relative group">
139
+ <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
140
+ Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
141
+ </button>
142
+ <div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
143
+ <a href="https://www.vlcsolutions.com/solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
144
+ </div>
145
+ </div>
146
+
147
+ <!-- Services -->
148
+ <div class="relative group">
149
+ <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
150
+ Services <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
151
+ </button>
152
+ <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
153
+ <a href="https://www.vlcsolutions.com/services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
154
+ <a href="https://www.vlcsolutions.com/choosing-advisory-services-for-your-business.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
155
+ <a href="https://www.vlcsolutions.com/software-implementation-partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Implementation Services</a>
156
+ <a href="https://www.vlcsolutions.com/managed-application-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed Application Services</a>
157
+ <a href="https://www.vlcsolutions.com/managed-it-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed IT Services</a>
158
+ <a href="https://www.vlcsolutions.com/compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
159
+ <a href="https://www.vlcsolutions.com/cloud-services-for-microsoft-dynamics.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Cloud Services</a>
160
+ <a href="https://www.vlcsolutions.com/marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
161
+ <a href="https://www.vlcsolutions.com/data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
162
+ </div>
163
+ </div>
164
+
165
+ <!-- Industries -->
166
+ <div class="relative group">
167
+ <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
168
+ Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
169
+ </button>
170
+ <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
171
+ <a href="https://www.vlcsolutions.com/industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
172
+ <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
173
+ <a href="https://www.vlcsolutions.com/ecommerce-development-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">E-Commerce</a>
174
+ <a href="https://www.vlcsolutions.com/government-contractors.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Government Contractors</a>
175
+ <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-for-manufacturing.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Manufacturing</a>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Products -->
180
+ <div class="relative group">
181
+ <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
182
+ Products <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
183
+ </button>
184
+ <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
185
+ <a href="https://www.vlcsolutions.com/products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
186
+ <a href="https://www.vlcsolutions.com/microsoft-dynamics-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
187
+ <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central</a>
188
+ <a href="https://www.vlcsolutions.com/power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
189
+ <a href="https://www.vlcsolutions.com/microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
190
+ <a href="https://www.vlcsolutions.com/microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
191
+ <a href="https://www.vlcsolutions.com/magento-connector-for-microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Connector</a>
192
+ </div>
193
+ </div>
194
+
195
+ <!-- Who We Are -->
196
+ <div class="relative group">
197
+ <button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
198
+ Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1" aria-hidden="true"></i>
199
+ </button>
200
+ <div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
201
+ <a href="https://www.vlcsolutions.com/who-we-are.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Overview</a>
202
+ <a href="https://www.vlcsolutions.com/partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
203
+ <a href="https://www.vlcsolutions.com/terms-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Terms</a>
204
+ <a href="https://www.vlcsolutions.com/privacy.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Privacy Policy</a>
205
+ <a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Client Protection</a>
206
+ <a href="https://www.vlcsolutions.com/blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
207
+ <a href="https://www.vlcsolutions.com/case-studies.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Case Studies</a>
208
+ <a href="https://www.vlcsolutions.com/contactus.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
209
+ </div>
210
+ </div>
211
+
212
+ <a href="https://www.vlcsolutions.com/contactus.html" class="bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-sm font-medium">Let’s Connect</a>
213
+ </nav>
214
+
215
+ <button id="mobile-menu-button" class="md:hidden inline-flex items-center p-2 rounded-md text-gray-500 hover:bg-gray-100" aria-label="Open menu">
216
+ <i data-feather="menu" aria-hidden="true"></i>
217
+ </button>
218
+ </div>
219
+ </div>
220
+ </header>
221
+ <!-- Banner Section -->
222
+ <section class="pattern-navy text-white py-16">
223
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
224
+ <h1 class="text-4xl md:text-5xl font-bold mb-4" data-aos="fade-up">Connect and Protect: The All-in-One M365 Security Solution</h1>
225
+ <p class="text-xl text-white/90 mb-8 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">Seamless security. Built-in M365.</p>
226
+ <a href="#compare" class="btn-accent px-8 py-3 text-lg font-semibold rounded-md inline-block" data-aos="fade-up" data-aos-delay="200">Compare M365 Defenses</a>
227
+ </div>
228
+ </section>
229
+ <!-- Section 1: Modern Workplace -->
230
+ <section class="py-16 bg-white">
231
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
232
+ <div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">
233
+ <div class="mb-12 lg:mb-0" data-aos="fade-right">
234
+ <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Modern Workplace Solutions: Enhancing Productivity and Security</h2>
235
+ <p class="text-lg text-gray-600 mb-6">Work has shifted rapidly. Employees now demand remote flexibility and access across multiple devices. They seek work that develops their capabilities and contributes to self-development.</p>
236
+ <p class="text-lg text-gray-600 mb-8">Intelligent tools can help them work more efficiently and have more enriching workplace experience. This naturally boosts their satisfaction, confidence, and loyalty. Companies must actively stimulate this empowerment while securing critical IT systems.</p>
237
+ <p class="text-lg text-gray-600 mb-8">Clients can increase productivity and well-being with VLC and Microsoft Modern Workplace solutions. These tools enhance communication and collaboration across regions and platforms without jeopardizing data and system stability.</p>
238
+ <a href="#remote-work" class="btn-primary px-8 py-3 text-lg font-semibold rounded-md inline-block">Enable Remote Work</a>
239
+ </div>
240
+ <div data-aos="fade-left">
241
+ <img src="http://static.photos/workspace/1024x576/45" alt="Modern workplace collaboration" class="rounded-lg shadow-xl">
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </section>
246
+ <!-- Section 2: Team Innovation -->
247
+ <section class="py-16 pattern-tint">
248
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
249
+ <div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">
250
+ <div class="mb-12 lg:mb-0 order-last lg:order-first" data-aos="fade-right">
251
+ <img src="http://static.photos/technology/1024x576/32" alt="Team collaboration" class="rounded-lg shadow-xl">
252
+ </div>
253
+ <div data-aos="fade-left">
254
+ <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Driving Team Innovation and Collaboration</h2>
255
+ <p class="text-lg text-gray-700 mb-6">The contemporary work environment changes rapidly. Constant change takes the form of distributed teams, new business models, and challenging security issues. The appropriate digital solutions motivate employees and encourage high productivity, participation, and collaboration. Microsoft 365 provides a modern, worldwide work environment with strong capabilities:</p>
256
+ <ul class="space-y-4 mb-8">
257
+ <li class="flex items-start">
258
+ <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
259
+ <span>An up-to-date and adaptable operating system</span>
260
+ </li>
261
+ <li class="flex items-start">
262
+ <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
263
+ <span>Effective, enterprise-level security software</span>
264
+ </li>
265
+ <li class="flex items-start">
266
+ <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
267
+ <span>Integrated and effective productivity applications</span>
268
+ </li>
269
+ <li class="flex items-start">
270
+ <i data-feather="check-circle" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
271
+ <span>Unified Endpoint Management</span>
272
+ </li>
273
+ </ul>
274
+ <p class="text-lg text-gray-700 mb-8">VLC assists customers in utilizing Microsoft 365 to enhance performance in the workplace and ensure system safety.</p>
275
+ <a href="#access-policy" class="btn-primary px-8 py-3 text-lg font-semibold rounded-md inline-block">Verify Your Access Policy</a>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </section>
280
+ <!-- Section 3: Smart Endpoint -->
281
+ <section class="py-16 bg-white">
282
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
283
+ <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4" data-aos="fade-up">Smart Endpoint Protection</h2>
284
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto mb-12" data-aos="fade-up" data-aos-delay="100">Protect client environments against advanced threats. This infrastructure features intelligent design, easy deployment, and simple management. Rapidly onboard teams with a hassle-free process.</p>
285
+
286
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
287
+ <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200">
288
+ <i data-feather="refresh-cw" class="w-10 h-10 text-[var(--vlc-sky)] mb-4"></i>
289
+ <h3 class="text-xl font-semibold mb-3">Updated Technology</h3>
290
+ <p class="text-gray-600">Provide clients with the newest endpoint management capabilities. Offer comprehensive after-sales services and technical support.</p>
291
+ </div>
292
+ <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="250">
293
+ <i data-feather="eye" class="w-10 h-10 text-[var(--vlc-sky)] mb-4"></i>
294
+ <h3 class="text-xl font-semibold mb-3">Dynamic Insights</h3>
295
+ <p class="text-gray-600">Provide anticipatory information that aids customers in lowering expenses and enhancing decision-making.</p>
296
+ </div>
297
+ <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="300">
298
+ <i data-feather="shield" class="w-10 h-10 text-[var(--vlc-sky)] mb-4"></i>
299
+ <h3 class="text-xl font-semibold mb-3">Smart Infrastructure</h3>
300
+ <p class="text-gray-600">Utilize an intelligent infrastructure design that is highly effective in threat defense.</p>
301
+ </div>
302
+ <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="350">
303
+ <i data-feather="cpu" class="w-10 h-10 text-[var(--vlc-sky)] mb-4"></i>
304
+ <h3 class="text-xl font-semibold mb-3">Centralized Management</h3>
305
+ <p class="text-gray-600">Benefit hassle-free and central management of all secured endpoints.</p>
306
+ </div>
307
+ <div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="400">
308
+ <i data-feather="zap" class="w-10 h-10 text-[var(--vlc-sky)] mb-4"></i>
309
+ <h3 class="text-xl font-semibold mb-3">Current Technology</h3>
310
+ <p class="text-gray-600">Deliver customers the newest endpoint management features and protection.</p>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </section>
315
+ <!-- Section 4: Security Foundation -->
316
+ <section class="py-16 bg-[var(--vlc-navy)] text-white">
317
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
318
+ <h2 class="text-3xl font-bold mb-12 text-center" data-aos="fade-up">Security Foundation</h2>
319
+
320
+ <div class="grid md:grid-cols-2 lg:grid-cols-5 gap-6">
321
+ <div class="bg-[var(--vlc-navy-700)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100">
322
+ <i data-feather="key" class="w-8 h-8 mb-4 text-[var(--vlc-sky)]"></i>
323
+ <h3 class="font-semibold mb-2">Identity Access Management</h3>
324
+ <p class="text-sm text-white/80">Secure user identities and grant access based on assessed risk levels.</p>
325
+ </div>
326
+ <div class="bg-[var(--vlc-navy-700)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="150">
327
+ <i data-feather="user-check" class="w-8 h-8 mb-4 text-[var(--vlc-sky)]"></i>
328
+ <h3 class="font-semibold mb-2">Secure Identity</h3>
329
+ <p class="text-sm text-white/80">Prevent abuse of compromised identities with Microsoft 365.</p>
330
+ </div>
331
+ <div class="bg-[var(--vlc-navy-700)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200">
332
+ <i data-feather="alert-octagon" class="w-8 h-8 mb-4 text-[var(--vlc-sky)]"></i>
333
+ <h3 class="font-semibold mb-2">Detect Threats</h3>
334
+ <p class="text-sm text-white/80">Identify and respond to risk based on user identity.</p>
335
+ </div>
336
+ <div class="bg-[var(--vlc-navy-700)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="250">
337
+ <i data-feather="lock" class="w-8 h-8 mb-4 text-[var(--vlc-sky)]"></i>
338
+ <h3 class="font-semibold mb-2">Password Protection</h3>
339
+ <p class="text-sm text-white/80">Use secured multi-factor authentication instead of conventional passwords.</p>
340
+ </div>
341
+ <div class="bg-[var(--vlc-navy-700)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="300">
342
+ <i data-feather="globe" class="w-8 h-8 mb-4 text-[var(--vlc-sky)]"></i>
343
+ <h3 class="font-semibold mb-2">End-to-End Security</h3>
344
+ <p class="text-sm text-white/80">Complete security coverage ensuring system integrity and data protection.</p>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </section>
349
+
350
+ <!-- Section 5: Data Protection -->
351
+ <section class="py-16 bg-white">
352
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
353
+ <div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">
354
+ <div class="mb-12 lg:mb-0" data-aos="fade-right">
355
+ <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Data Protection</h2>
356
+ <p class="text-lg text-gray-600 mb-6">Ensure only authorized users can access documents and emails while maintaining robust security across all platforms.</p>
357
+
358
+ <ul class="space-y-4">
359
+ <li class="flex items-start">
360
+ <i data-feather="cloud" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
361
+ <span class="font-medium">Manage Cloud Usage:</span> Secure components of on-premises and cloud systems
362
+ </li>
363
+ <li class="flex items-start">
364
+ <i data-feather="shield" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
365
+ <span class="font-medium">Prevent Data Loss:</span> Control data access and distribution wherever it's transferred
366
+ </li>
367
+ <li class="flex items-start">
368
+ <i data-feather="alert-triangle" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
369
+ <span class="font-medium">Malware Protection:</span> Secure data against sophisticated attacks
370
+ </li>
371
+ <li class="flex items-start">
372
+ <i data-feather="search" class="w-5 h-5 text-[var(--vlc-leaf)] mr-2 mt-1"></i>
373
+ <span class="font-medium">Security Events:</span> Enhanced audits and policy adherence
374
+ </li>
375
+ </ul>
376
+ </div>
377
+ <div data-aos="fade-left">
378
+ <img src="http://static.photos/security/1024x576/78" alt="Data protection security" class="rounded-lg shadow-xl">
379
+ </div>
380
+ </div>
381
+ </div>
382
+ </section>
383
+
384
+ <!-- Section 6: Threat Protection -->
385
+ <section class="py-16 pattern-tint">
386
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
387
+ <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4 text-center" data-aos="fade-up">Threat Protection</h2>
388
+ <p class="text-xl text-gray-700 max-w-3xl mx-auto mb-12 text-center" data-aos="fade-up" data-aos-delay="100">Prevent established and emerging threats while ensuring quick recovery from attacks.</p>
389
+
390
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
391
+ <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="150">
392
+ <div class="flex items-center mb-4">
393
+ <div class="bg-[var(--vlc-leaf-tint)] p-2 rounded-full mr-4">
394
+ <i data-feather="bar-chart-2" class="w-6 h-6 text-[var(--vlc-leaf)]"></i>
395
+ </div>
396
+ <h3 class="text-xl font-semibold">Risk Assessment</h3>
397
+ </div>
398
+ <p class="text-gray-600">Review security posture to determine weaknesses and develop robust remediation plans.</p>
399
+ </div>
400
+ <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="200">
401
+ <div class="flex items-center mb-4">
402
+ <div class="bg-[var(--vlc-leaf-tint)] p-2 rounded-full mr-4">
403
+ <i data-feather="smartphone" class="w-6 h-6 text-[var(--vlc-leaf)]"></i>
404
+ </div>
405
+ <h3 class="text-xl font-semibold">Mobile Productivity</h3>
406
+ </div>
407
+ <p class="text-gray-600">Offer secure cloud access and protect information on unmanaged or personal devices.</p>
408
+ </div>
409
+ <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="250">
410
+ <div class="flex items-center mb-4">
411
+ <div class="bg-[var(--vlc-leaf-tint)] p-2 rounded-full mr-4">
412
+ <i data-feather="message-square" class="w-6 h-6 text-[var(--vlc-leaf)]"></i>
413
+ </div>
414
+ <h3 class="text-xl font-semibold">Secure Communication</h3>
415
+ </div>
416
+ <p class="text-gray-600">Deliver zero-day protection and block viruses and malicious attacks.</p>
417
+ </div>
418
+ <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="300">
419
+ <div class="flex items-center mb-4">
420
+ <div class="bg-[var(--vlc-leaf-tint)] p-2 rounded-full mr-4">
421
+ <i data-feather="activity" class="w-6 h-6 text-[var(--vlc-leaf)]"></i>
422
+ </div>
423
+ <h3 class="text-xl font-semibold">Suspicious Activity</h3>
424
+ </div>
425
+ <p class="text-gray-600">Find high-risk events using AI and machine learning and act at the speed of detection.</p>
426
+ </div>
427
+ <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="350">
428
+ <div class="flex items-center mb-4">
429
+ <div class="bg-[var(--vlc-leaf-tint)] p-2 rounded-full mr-4">
430
+ <i data-feather="cpu" class="w-6 h-6 text-[var(--vlc-leaf)]"></i>
431
+ </div>
432
+ <h3 class="text-xl font-semibold">AI Threat Protection</h3>
433
+ </div>
434
+ <p class="text-gray-600">Recognize powerful attacks, observe dangerous behavior, and react quickly.</p>
435
+ </div>
436
+ <div class="bg-white p-6 rounded-lg shadow-md" data-aos="fade-up" data-aos-delay="400">
437
+ <div class="flex items-center mb-4">
438
+ <div class="bg-[var(--vlc-leaf-tint)] p-2 rounded-full mr-4">
439
+ <i data-feather="wifi" class="w-6 h-6 text-[var(--vlc-leaf)]"></i>
440
+ </div>
441
+ <h3 class="text-xl font-semibold">Secure Endpoints</h3>
442
+ </div>
443
+ <p class="text-gray-600">Secure all your cloud resources and devices instantly with advanced identity controls.</p>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ </section>
448
+
449
+ <!-- FOOTER -->
450
+ <footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
451
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
452
+ <div class="grid md:grid-cols-3 gap-10 mb-10">
453
+ <div>
454
+ <h3 class="font-bold mb-3">Contact Us</h3>
455
+ <div class="text-gray-300 space-y-3">
456
+ <div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3" aria-hidden="true"></i>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</div>
457
+ <div class="flex items-center"><i data-feather="phone" class="w-5 h-5 mr-3" aria-hidden="true"></i>+1 (224) 955-1818</div>
458
+ </div>
459
+ </div>
460
+
461
+ <div>
462
+ <h3 class="font-bold mb-3">Quick Links</h3>
463
+ <div class="grid grid-cols-2 gap-4 text-gray-300">
464
+ <ul class="space-y-2">
465
+ <li><a href="https://www.vlcsolutions.com/index.html" class="hover:text-white">Home</a></li>
466
+ <li><a href="https://www.vlcsolutions.com/who-we-are.html" class="hover:text-white">About Us</a></li>
467
+ <li><a href="https://www.vlcsolutions.com/solutions.html" class="hover:text-white">Solutions</a></li>
468
+ <li><a href="https://www.vlcsolutions.com/services.html" class="hover:text-white">Services</a></li>
469
+ <li><a href="https://www.vlcsolutions.com/industries.html" class="hover:text-white">Industries</a></li>
470
+ <li><a href="https://www.vlcsolutions.com/products.html" class="hover:text-white">Products</a></li>
471
+ <li><a href="https://www.vlcsolutions.com/who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
472
+ </ul>
473
+ <ul class="space-y-2">
474
+ <li><a href="https://www.vlcsolutions.com/contactus.html" class="hover:text-white">Contact Us</a></li>
475
+ <li><a href="https://www.vlcsolutions.com/blog/" class="hover:text-white">Blog</a></li>
476
+ <li><a href="https://www.vlcsolutions.com/case-studies.html" class="hover:text-white">Case Studies</a></li>
477
+ <li><a href="https://www.vlcsolutions.com/privacy.html" class="hover:text-white">Privacy Policy</a></li>
478
+ <li><a href="https://www.vlcsolutions.com/terms-services.html" class="hover:text-white">Terms &amp; Conditions</a></li>
479
+ <li><a href="https://www.vlcsolutions.com/protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
480
+ <li><a href="https://www.vlcsolutions.com/faq.html" class="hover:text-white">FAQs</a></li>
481
+ </ul>
482
+ </div>
483
+ </div>
484
+
485
+ <div>
486
+ <h3 class="font-bold mb-3">VLC Solutions</h3>
487
+ <p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
488
+ <div class="flex gap-4">
489
+ <a href="https://www.linkedin.com/company/vlc-solutions-llc" target="_blank" class="text-gray-300 hover:text-white" aria-label="LinkedIn"><i data-feather="linkedin" class="w-5 h-5" aria-hidden="true"></i></a>
490
+ <a href="https://www.instagram.com/vlcsolutionsllc/" target="_blank" class="text-gray-300 hover:text-white" aria-label="Instagram"><i data-feather="instagram" class="w-5 h-5" aria-hidden="true"></i></a>
491
+ <a href="https://x.com/vlcsolutions" target="_blank" class="text-gray-300 hover:text-white" aria-label="Twitter / X"><i data-feather="twitter" class="w-5 h-5" aria-hidden="true"></i></a>
492
+ <a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
493
+ <img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
494
+ </a>
495
+ <a href="https://www.youtube.com/@vlcsolutions/" target="_blank" class="text-gray-300 hover:text-white" aria-label="YouTube"><i data-feather="youtube" class="w-5 h-5" aria-hidden="true"></i></a>
496
+ </div>
497
+ </div>
498
+ </div>
499
+
500
+ <div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
501
+ © 2025 VLC Solutions. All rights reserved.
502
+ </div>
503
+ </div>
504
+ </footer>
505
+
506
+ <script>
507
+ // Init animations (after scripts loaded)
508
+ document.addEventListener('DOMContentLoaded', () => {
509
+ if (window.AOS) {
510
+ AOS.init({
511
+ duration: 800,
512
+ easing: 'ease-in-out',
513
+ once: true,
514
+ mirror: false,
515
+ offset: 120,
516
+ disable: window.innerWidth < 768
517
+ });
518
+ }
519
+ if (window.feather) {
520
+ feather.replace();
521
+ }
522
+
523
+ // Mobile menu placeholder
524
+ const mobileBtn = document.getElementById('mobile-menu-button');
525
+ if (mobileBtn) {
526
+ mobileBtn.addEventListener('click', () => {
527
+ console.log('Mobile menu clicked');
528
+ });
529
+ }
530
+ });
531
+
532
+ // Refresh AOS on resize (guard if AOS present)
533
+ window.addEventListener('resize', function() {
534
+ if (window.AOS && AOS.refreshHard) {
535
+ AOS.refreshHard();
536
+ }
537
+ });
538
+ </script>
539
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
540
+ </body>
541
+ </html>