From 2a23ba02b4162d172b8ce98ac2c8c8038993ee39 Mon Sep 17 00:00:00 2001
From: Satyam <95536056+Satyam-Rastogi@users.noreply.github.com>
Date: Sun, 1 Feb 2026 19:03:16 +0530
Subject: [PATCH] fix: refactor ComparisonSlider to use imported images for
 production

---
 src/components/ComparisonSlider.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/ComparisonSlider.jsx b/src/components/ComparisonSlider.jsx
index 819cb54..d2a78f8 100644
--- a/src/components/ComparisonSlider.jsx
+++ b/src/components/ComparisonSlider.jsx
@@ -1,5 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { MoveHorizontal } from 'lucide-react';
+import CompareNew from '../assets/images/compare-new.png';
+import CompareOld from '../assets/images/compare-old.png';
 
 export const ComparisonSlider = () => {
     const [sliderPos, setSliderPos] = useState(50);
@@ -41,7 +43,7 @@ export const ComparisonSlider = () => {
                 {/* AFTER IMAGE (New Way) - Background */}
                 <div className="absolute inset-0 w-full h-full">
                     <img
-                        src="/src/assets/images/compare-new.png"
+                        src={CompareNew}
                         alt="The New Way"
                         className="w-full h-full object-cover"
                     />
@@ -73,7 +75,7 @@ export const ComparisonSlider = () => {
                     style={{ width: `${sliderPos}%` }}
                 >
                     <img
-                        src="/src/assets/images/compare-old.png"
+                        src={CompareOld}
                         alt="The Old Way"
                         className="w-full h-full object-cover max-w-none grayscale sepia-[0.3]"
                         style={{ width: containerRef.current?.offsetWidth }}