I've optimized the repository by chunking large dependencies

package.json

@@ -8,7 +8,7 @@
     "predeploy": "npm run build",
     "deploy": "gh-pages -d dist",
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -37,7 +37,7 @@
     "postcss": "^8.4.35",
     "rollup-plugin-visualizer": "^6.0.1",
     "tailwindcss": "^3.4.1",
-    "typescript": "^5.5.3",
+    "typescript": "^5.8.3",
     "typescript-eslint": "^8.3.0",
     "vite": "^6.3.5"
   }

src/components/FAQItem.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { ChevronDown, ChevronUp } from 'lucide-react';
+import { ChevronDown } from 'lucide-react';
+import { ChevronUp } from 'lucide-react';
 
 interface FAQItemProps {
   question: string;

src/components/home/BenefitsSection.tsx

@@ -1,5 +1,10 @@
 import React from 'react';
-import { Wind, Battery, Gauge, Activity, Leaf, Building2 } from 'lucide-react';
+import { Wind } from 'lucide-react';
+import { Battery } from 'lucide-react';
+import { Gauge } from 'lucide-react';
+import { Activity } from 'lucide-react';
+import { Leaf } from 'lucide-react';
+import { Building2 } from 'lucide-react';
 import LCMImage from '../../assets/difdesign.webp';
 
 interface BenefitCardProps {

src/components/home/ComparisonSection.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { Check, X, AlertCircle } from 'lucide-react';
+import { Check } from 'lucide-react';
+import { X } from 'lucide-react';
+import { AlertCircle } from 'lucide-react';
 
 const ComparisonSection: React.FC = () => {
   return (

src/components/home/ContactSection.tsx

@@ -1,5 +1,7 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { Send, Rocket, Linkedin } from 'lucide-react';
+import { Send } from 'lucide-react';
+import { Rocket } from 'lucide-react';
+import { Linkedin } from 'lucide-react';
 import emailjs from '@emailjs/browser';
 import { emailConfig, RATE_LIMIT_MS } from '../../config';
 import { scrollToContact as navigateToContactTab } from '../../utils/navigation';

src/components/home/FAQSection.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import { ChevronDown, ChevronUp } from 'lucide-react';
+import { ChevronDown } from 'lucide-react';
+import { ChevronUp } from 'lucide-react';
 import { scrollToContact } from '../../utils/navigation';
 
 interface FAQItemProps {

src/components/home/HeroSection.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { ArrowRight, PlugZap, UserPlus } from 'lucide-react';
+import { ArrowRight } from 'lucide-react';
+import { PlugZap } from 'lucide-react';
+import { UserPlus } from 'lucide-react';
 import { scrollToContact } from '../../utils/navigation'; // no scrollToSection used anymore
 
 const HeroSection: React.FC = () => {

src/components/home/IntegrationSection.tsx

@@ -1,5 +1,8 @@
 import React from 'react';
-import { ShieldCheck, Cpu, Cable, Car } from 'lucide-react';
+import { ShieldCheck } from 'lucide-react';
+import { Cpu } from 'lucide-react';
+import { Cable } from 'lucide-react';
+import { Car } from 'lucide-react';
 import { scrollToContact } from '../../utils/navigation';
 import manufactIMG from '../../assets/Manufacturing.webp';
 

src/components/home/TeamSection.tsx

@@ -1,5 +1,7 @@
 import { motion } from 'framer-motion';
-import { Users, Mail, Linkedin } from 'lucide-react';
+import { Users } from 'lucide-react';
+import { Mail } from 'lucide-react';
+import { Linkedin } from 'lucide-react';
 
 // Import team images
 import WesImage from '../../assets/Wes.webp';

src/components/home/TechnologySection.tsx

@@ -1,6 +1,9 @@
 import React, { useRef } from 'react';
 import { motion } from 'framer-motion';
-import { Wind, Cog, Gauge, Zap } from 'lucide-react';
+import { Wind } from 'lucide-react';
+import { Cog } from 'lucide-react';
+import { Gauge } from 'lucide-react';
+import { Zap } from 'lucide-react';
 import '@google/model-viewer'; // Import model-viewer web component
 
 const components = [

src/components/home/TimelineSection.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { CheckCircle, Clock, AlertCircle } from 'lucide-react';
+import { CheckCircle } from 'lucide-react';
+import { Clock } from 'lucide-react';
+import { AlertCircle } from 'lucide-react';
 
 interface TimelineItemProps {
   title: string;

src/components/layout/Footer.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
-import {  Linkedin, Mail } from 'lucide-react';
+import { Linkedin } from 'lucide-react';
+import { Mail } from 'lucide-react';
 import logo from '../../assets/logo.png';
 import { handleNavigation } from '../../utils/navigation';
 

src/components/layout/Header.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { Menu, X } from 'lucide-react';
+import { Menu } from 'lucide-react';
+import { X } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 import logo from '../../assets/logo.png';
 import { handleNavigation } from '../../utils/navigation';

src/pages/Careers.tsx

@@ -1,6 +1,9 @@
 import React, { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Briefcase, MapPin, Clock, Send } from 'lucide-react';
+import { Briefcase } from 'lucide-react';
+import { MapPin } from 'lucide-react';
+import { Clock } from 'lucide-react';
+import { Send } from 'lucide-react';
 
 // Use Unicode INR symbol
 const InrIcon = () => (

src/pages/Team.tsx

@@ -1,5 +1,8 @@
 import { motion } from 'framer-motion';
-import { Users, Rocket, Mail, Linkedin } from 'lucide-react';
+import { Users } from 'lucide-react';
+import { Rocket } from 'lucide-react';
+import { Mail } from 'lucide-react';
+import { Linkedin } from 'lucide-react';
 import { Link } from 'react-router-dom';
 
 // Import team images

vite.config.ts

@@ -15,9 +15,6 @@ export default defineConfig({
       brotliSize: true,
     }),
   ],
-  optimizeDeps: {
-    exclude: ['lucide-react'],
-  },
   build: {
     assetsDir: 'assets',
     rollupOptions: {
@@ -38,6 +35,13 @@ export default defineConfig({
         manualChunks: {
           'react-vendor': ['react', 'react-dom', 'react-router-dom'],
           'framer-motion': ['framer-motion'],
+          'model-viewer-vendor': [
+            '@google/model-viewer',
+            'three',
+            'lit',
+            'lit-html',
+            '@lit/reactive-element',
+          ],
         },
       },
     },