diff --git a/src/App.scss b/src/App.scss
deleted file mode 100644
index af61bc4..0000000
--- a/src/App.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// #root {
-//   max-width: 1280px;
-//   margin: 0;
-//   padding: 0;
-//   width: 100%;
-//   background-color: aliceblue; // baby blue
-// }
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index d33f20a..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-// // import { RouterProvider } from 'react-router'
-// // import { router } from './Router'
-// import './App.scss'
-
-// function App() {
-//   return (
-//     <>
-//       {/* <RouterProvider router={router}></RouterProvider> */}
-//     </>
-//   )
-// }
-
-// export default App
diff --git a/src/Router.tsx b/src/Router.tsx
deleted file mode 100644
index 0753528..0000000
--- a/src/Router.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-// import { createBrowserRouter } from "react-router-dom";
-// import { Layout } from "./components/layout/Layout";
-// import { Home } from "./components/pages/Home";
-// import { AboutProject } from "./components/pages/AboutProject";
-// import { FoodAdvice } from "./components/pages/FoodAdvice";
-// import { LifeAdvice } from "./components/pages/LifeAdvice";
-// import { RecipeTips } from "./components/pages/RecipeTips";
-// import { SearchFood } from "./components/pages/SearchFood";
-// import { TrainingAdvice } from "./components/pages/TrainingAdvice";
-
-// export const router = createBrowserRouter([
-//   {
-//     path: "/",
-//     element: <Layout></Layout>,
-//     children: [
-//       {
-//         path: "/natural-guide-to-gestational-diabetes",
-//         element: <Home></Home>,
-//         index: true,
-//       },
-//       {
-//         path: "/natural-guide-to-gestational-diabetes/life",
-//         element: <LifeAdvice></LifeAdvice>,
-//       },
-//       {
-//         path: "/natural-guide-to-gestational-diabetes/training",
-//         element: <TrainingAdvice></TrainingAdvice>,
-//       },
-//       {
-//         path: "/natural-guide-to-gestational-diabetes/food",
-//         element: <FoodAdvice></FoodAdvice>,
-//       },
-//       {
-//         path: "/natural-guide-to-gestational-diabetes/recipes",
-//         element: <RecipeTips></RecipeTips>,
-//       },
-//       {
-//         path: "/natural-guide-to-gestational-diabetes/search",
-//         element: <SearchFood></SearchFood>,
-//       },
-//       {
-//         path: "/natural-guide-to-gestational-diabetes/about",
-//         element: <AboutProject></AboutProject>,
-//       },
-//     ],
-//   },
-// ]);
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index 96b6a39..677328a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,18 +1,16 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { RouterProvider } from 'react-router'
-// import App from './App.tsx'
-import './index.scss'
-
 import { createBrowserRouter } from "react-router-dom";
+import { RouterProvider } from 'react-router'
 import { Layout } from "./components/layout/Layout";
 import { Home } from "./components/pages/Home";
-import { AboutProject } from "./components/pages/AboutProject";
-import { FoodAdvice } from "./components/pages/FoodAdvice";
 import { LifeAdvice } from "./components/pages/LifeAdvice";
+import { TrainingAdvice } from "./components/pages/TrainingAdvice";
+import { FoodAdvice } from "./components/pages/FoodAdvice";
 import { RecipeTips } from "./components/pages/RecipeTips";
 import { SearchFood } from "./components/pages/SearchFood";
-import { TrainingAdvice } from "./components/pages/TrainingAdvice";
+import { AboutProject } from "./components/pages/AboutProject";
+import './index.scss'
 
 export const router = createBrowserRouter([
   {