chore: move images to public/images and update imports

src/components/NewFeatures.jsx

@@ -1,5 +1,4 @@
 import { CloudArrowUpIcon, LockClosedIcon, ServerIcon, SparklesIcon } from '@heroicons/react/20/solid'
-import Newfeaturesimg from '@/images/newfeatures0.png'
 
 const features = [
   {
@@ -24,7 +23,7 @@ export default function NewFeatures() {
         <div className="flex items-start justify-end lg:justify-start lg:order-first">
           <img
              alt="New Features"
-              src="images/newfeatures3.png"
+              src="/images/newfeatures3.png"
             className="w-full max-w-[40rem] rounded-xl shadow-xl ring-1 ring-gray-400/10 object-cover"
             style={{ maxWidth: '40rem', height: 'auto' }}
           />