import React, { Suspense, lazy } from 'react'; import { Routes, Route } from 'react-router-dom'; import Home from './pages/Home'; import Header from './components/Header'; import Footer from './components/Footer'; import NotFound from './pages/NotFound'; import Login from './pages/Login'; import PrivateRoute from './components/PrivateRoute'; const DevTools = lazy(() => import('./pages/DevTools')); const ImageTools = lazy(() => import('./pages/ImageTools')); const Blog = lazy(() => import('./pages/Blog')); const AIProduct = lazy(() => import('./pages/AIProduct')); const Translator = lazy(() => import('./pages/Translator')); const DocumentTranslator = lazy(() => import('./pages/DocumentTranslator')); const JsonFormatter = lazy(() => import('./components/JsonFormatter')); const MarkdownToImage = lazy(() => import('./components/MarkdownToImage')); const UrlEnDecode = lazy(() => import('./components/UrlEnDecode')); const About = lazy(() => import('./pages/About')); const OpenAITimeline = lazy(() => import('./components/OpenAITimeline')); const PricingCharts = lazy(() => import('./components/PricingCharts')); const HandwriteGen = lazy(() => import('./components/HandwriteGen')); const ImageBase64Converter = lazy(() => import('./components/ImageBase64Converter')); const QuoteCard = lazy(() => import('./components/QuoteCard')); const LatexToImage = lazy(() => import('./components/LatexToImage')); const TextDiff = lazy(() => import('./components/TextDiff')); const SubtitleGenerator = lazy(() => import('./components/SubtitleGenerator')); const ImageCompressor = lazy(() => import('./components/ImageCompressor')); const ImageWatermark = lazy(() => import('./components/ImageWatermark')); const TextBehindImage = lazy(() => import('./components/TextBehindImage')); const BackgroundRemover = lazy(() => import('./components/BackgroundRemover')); const IDPhotoMaker = lazy(() => import('./components/IDPhotoMaker')); const AnthropicTimeline = lazy(() => import('./components/AnthropicTimeline')); const DrugsList = lazy(() => import('./components/DrugsList')); const DeepSeekTimeline = lazy(() => import('./components/DeepSeekTimeline')); const WechatFormatter = lazy(() => import('./components/WechatFormatter')); const ImageAnnotator = lazy(() => import('./components/ImageAnnotator')); const AITimelinePage = lazy(() => import('./pages/AITimelinePage')); const PerpetualCalendar = lazy(() => import('./components/PerpetualCalendar')); function App() { return (
Loading...
}> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } />