fix: use imports for Landing page images to resolve production 404s

src/pages/Landing.jsx

@@ -9,6 +9,11 @@ import { ComparisonSlider } from '../components/ComparisonSlider';
 import gsap from 'gsap';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import Logo from '../assets/images/LynkedUp_Pro_F_logo_Y.png';
+import HeroImg from '../assets/images/hero.png';
+import ProcessImg1 from '../assets/images/process.png';
+import ProcessImg2 from '../assets/images/process-2.png';
+import ProcessImg3 from '../assets/images/process-3.png';
+import TestimonialsImg from '../assets/images/testimonials.png';
 
 gsap.registerPlugin(ScrollTrigger);
 
@@ -79,7 +84,7 @@ const Landing = () => {
             <div className="relative pt-32 pb-40 overflow-hidden" ref={heroRef}>
                 {/* Background Image with Overlay */}
                 <div className="absolute inset-0 z-0">
-                    <img src="/src/assets/images/hero.png" alt="Modern Roof" className="w-full h-full object-cover opacity-20 dark:opacity-40" />
+                    <img src={HeroImg} alt="Modern Roof" className="w-full h-full object-cover opacity-20 dark:opacity-40" />
                     <div className="absolute inset-0 bg-gradient-to-b from-transparent via-zinc-50/80 to-zinc-50 dark:via-[#050505]/80 dark:to-[#050505]"></div>
                 </div>
 
@@ -151,7 +156,7 @@ const Landing = () => {
                         {/* Step 1 */}
                         <div className="grid md:grid-cols-2 gap-16 items-center">
                             <div className="relative rounded-3xl overflow-hidden shadow-2xl border border-white/10 group order-2 md:order-1">
-                                <img src="/src/assets/images/process.png" alt="The Scan" className="w-full h-auto transform transition-transform duration-700 group-hover:scale-105" />
+                                <img src={ProcessImg1} alt="The Scan" className="w-full h-auto transform transition-transform duration-700 group-hover:scale-105" />
                                 <div className="absolute bottom-6 left-6 bg-black/70 backdrop-blur-md px-3 py-1 rounded text-xs font-mono text-green-400 border border-green-500/30">LIDAR_MAPPING_ACTIVE</div>
                             </div>
                             <div className="order-1 md:order-2">
@@ -180,7 +185,7 @@ const Landing = () => {
                                 </div>
                             </div>
                             <div className="relative rounded-3xl overflow-hidden shadow-2xl border border-white/10 group order-2">
-                                <img src="/src/assets/images/process-2.png" alt="The Diagnosis" className="w-full h-auto transform transition-transform duration-700 group-hover:scale-105" />
+                                <img src={ProcessImg2} alt="The Diagnosis" className="w-full h-auto transform transition-transform duration-700 group-hover:scale-105" />
                                 <div className="absolute top-6 right-6 bg-black/80 backdrop-blur-md p-4 rounded-xl border border-red-500/30 hidden md:block">
                                     <div className="flex items-center justify-between text-xs font-mono text-zinc-400 mb-2 gap-4">
                                         <span>SCAN_ID: 8842-A</span>
@@ -199,7 +204,7 @@ const Landing = () => {
                         {/* Step 3 */}
                         <div className="grid md:grid-cols-2 gap-16 items-center">
                             <div className="relative rounded-3xl overflow-hidden shadow-2xl border border-white/10 group order-2 md:order-1">
-                                <img src="/src/assets/images/process-3.png" alt="The Resolution" className="w-full h-auto transform transition-transform duration-700 group-hover:scale-105" />
+                                <img src={ProcessImg3} alt="The Resolution" className="w-full h-auto transform transition-transform duration-700 group-hover:scale-105" />
                             </div>
                             <div className="order-1 md:order-2">
                                 <div className="w-12 h-12 rounded-full bg-zinc-900 dark:bg-white text-white dark:text-black flex items-center justify-center font-black text-xl mb-6">03</div>
@@ -261,7 +266,7 @@ const Landing = () => {
                         {/* Senior/Veteran Testimonial */}
                         <SpotlightCard className="p-8 h-full bg-zinc-50 dark:bg-[#0A0A0A]">
                             <div className="flex items-center gap-4 mb-6">
-                                <img src="/src/assets/images/testimonials.png" alt="Veterans" className="w-16 h-16 rounded-full object-cover border-2 border-emerald-500" />
+                                <img src={TestimonialsImg} alt="Veterans" className="w-16 h-16 rounded-full object-cover border-2 border-emerald-500" />
                                 <div>
                                     <h4 className="font-bold">The Hendersons</h4>
                                     <p className="text-xs text-zinc-500">Retired Veterans • Plano, TX</p>