Enhance Vite configuration to suppress Lottie player eval warnings and update footer links to point to correct service paths. Replace Lottie player with an image in the Hero component for improved performance.
This commit is contained in:
BIN
public/Images/67008E55-91DC-49D3-B9B4-BE1383D713A5.png
Normal file
BIN
public/Images/67008E55-91DC-49D3-B9B4-BE1383D713A5.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.6 MiB |
@@ -15,29 +15,29 @@
|
||||
<div>
|
||||
<h4 class="text-lg font-heading font-semibold mb-4">Services</h4>
|
||||
<ul class="space-y-2">
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Microsoft 365 Migrations</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Cloud Email Support</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Security & Compliance</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Remote IT Helpdesk</a></li>
|
||||
<li><a href="/services/migrations" class="text-white/80 hover:text-white transition-colors">Microsoft 365 Migrations</a></li>
|
||||
<li><a href="/services/email" class="text-white/80 hover:text-white transition-colors">Cloud Email Support</a></li>
|
||||
<li><a href="/services/security" class="text-white/80 hover:text-white transition-colors">Security & Compliance</a></li>
|
||||
<li><a href="/services/helpdesk" class="text-white/80 hover:text-white transition-colors">Remote IT Helpdesk</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-lg font-heading font-semibold mb-4">Company</h4>
|
||||
<ul class="space-y-2">
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">About Us</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Contact</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Careers</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Blog</a></li>
|
||||
<li><a href="/about" class="text-white/80 hover:text-white transition-colors">About Us</a></li>
|
||||
<li><a href="/contact" class="text-white/80 hover:text-white transition-colors">Contact</a></li>
|
||||
<li><a href="/careers" class="text-white/80 hover:text-white transition-colors">Careers</a></li>
|
||||
<li><a href="/blog" class="text-white/80 hover:text-white transition-colors">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-lg font-heading font-semibold mb-4">Legal</h4>
|
||||
<ul class="space-y-2">
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Privacy Policy</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Terms of Service</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Cookie Policy</a></li>
|
||||
<li><a href="/legal/privacy" class="text-white/80 hover:text-white transition-colors">Privacy Policy</a></li>
|
||||
<li><a href="/legal/terms" class="text-white/80 hover:text-white transition-colors">Terms of Service</a></li>
|
||||
<li><a href="/legal/cookies" class="text-white/80 hover:text-white transition-colors">Cookie Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
@@ -1,6 +1,6 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import '@lottiefiles/lottie-player';
|
||||
// import '@lottiefiles/lottie-player'; // No longer needed
|
||||
|
||||
let isVisible = false;
|
||||
|
||||
@@ -23,13 +23,11 @@
|
||||
Schedule a Free Consultation
|
||||
</button>
|
||||
</div>
|
||||
<div class="relative h-[400px] md:h-[500px]" class:fade-in={isVisible}>
|
||||
<lottie-player
|
||||
src="https://assets2.lottiefiles.com/packages/lf20_cloud_support.json"
|
||||
background="transparent"
|
||||
speed="1"
|
||||
loop
|
||||
autoplay
|
||||
<div class="relative h-[400px] md:h-[500px] flex items-center justify-center" class:fade-in={isVisible}>
|
||||
<img
|
||||
src="/Images/67008E55-91DC-49D3-B9B4-BE1383D713A5.png"
|
||||
alt="Cloud support illustration"
|
||||
class="max-h-full max-w-full object-contain"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
8
src/routes/services/migrations.svelte
Normal file
8
src/routes/services/migrations.svelte
Normal file
@@ -0,0 +1,8 @@
|
||||
<script>
|
||||
export let title = 'Microsoft 365 Migrations';
|
||||
</script>
|
||||
|
||||
<h1>{title}</h1>
|
||||
<p>
|
||||
Seamlessly migrate your business to Microsoft 365 with minimal disruption. Our experts handle data transfer, user setup, and post-migration support, ensuring a smooth transition to the cloud.
|
||||
</p>
|
@@ -18,5 +18,16 @@ export default defineConfig({
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.svelte']
|
||||
},
|
||||
build: {
|
||||
rollupOptions: {
|
||||
onwarn(warning, warn) {
|
||||
// Ignore eval warnings from Lottie player
|
||||
if (warning.code === 'EVAL' && warning.id?.includes('lottie-player')) {
|
||||
return;
|
||||
}
|
||||
warn(warning);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
Reference in New Issue
Block a user