diff --git a/app/(auth)/sign-in/[[...sign-in]]/page.tsx b/app/(auth)/sign-in/[[...sign-in]]/page.tsx
index 41f5cce..b05efdd 100644
--- a/app/(auth)/sign-in/[[...sign-in]]/page.tsx
+++ b/app/(auth)/sign-in/[[...sign-in]]/page.tsx
@@ -1,11 +1,11 @@
-import { SignIn } from '@clerk/nextjs';
+//import { SignIn } from '@clerk/nextjs';
 
 
-const page = () => {
+const Sign_In_page = () => {
   return (
 
-    <SignIn />
+    <div>SignIn page</div>
   )
 }
 
-export default page
\ No newline at end of file
+export default Sign_In_page
\ No newline at end of file
diff --git a/app/(auth)/sign-up/[[...sign-up]]/page.tsx b/app/(auth)/sign-up/[[...sign-up]]/page.tsx
index 1cdf0e3..6f363fe 100644
--- a/app/(auth)/sign-up/[[...sign-up]]/page.tsx
+++ b/app/(auth)/sign-up/[[...sign-up]]/page.tsx
@@ -1,49 +1,11 @@
-'use client'
-import { SignUp } from '@clerk/nextjs';
-import React from 'react';
-import dark from '@/public/assets/Ellipse_dark.png';
-import light from '@/public/assets/Ellipse_light.png';
-import Image from 'next/image';
+//import { SignUp } from '@clerk/nextjs';
 
-const page = () => {
 
-    const [data, setData] = React.useState({
-        goal: '',
-        work: '',
-        company: {
-            name: '',
-            industry: '',
-            location: ''
-        }
-    })
+const Sign_Up_page = () => {
+  return (
 
-    const [progress, setProgress] = React.useState(4);
-
-    return (
-        <>
-            <div className='h-[70vh] w-[30vw] rounded-lg border border-gray-200'>
-                {
-                    progress === 0 &&
-                    <div className='flex flex-col items-center'>
-                        <div className='flex flex-row gap-7 my-10'>
-                            <Image alt='' src={light}/>
-                            <Image alt='' src={dark}/>
-                            <Image alt='' src={dark}/>
-                        </div>
-                        <h3 className='text-xl font-bold mb-10'>What is your goal?</h3>
-                        
-                        <select className='w-2/3 h-10 border border-gray-200 text-center'>
-                            <option className='h-10'>--select--</option>
-                        </select>
-                    </div>
-                }
-                {
-                    progress > 3 && <SignUp />
-                }
-            </div>
-
-        </>
-    )
+    <div>SignIn page</div>
+  )
 }
 
-export default page
\ No newline at end of file
+export default Sign_Up_page
\ No newline at end of file
diff --git a/app/root/community/layout.tsx b/app/(root)/community/layout.tsx
similarity index 100%
rename from app/root/community/layout.tsx
rename to app/(root)/community/layout.tsx
diff --git a/app/root/community/page.tsx b/app/(root)/community/page.tsx
similarity index 100%
rename from app/root/community/page.tsx
rename to app/(root)/community/page.tsx
diff --git a/app/root/company/page.tsx b/app/(root)/company/page.tsx
similarity index 100%
rename from app/root/company/page.tsx
rename to app/(root)/company/page.tsx
diff --git a/app/root/ecosystem/page.tsx b/app/(root)/ecosystem/page.tsx
similarity index 100%
rename from app/root/ecosystem/page.tsx
rename to app/(root)/ecosystem/page.tsx
diff --git a/app/root/layout.tsx b/app/(root)/layout.tsx
similarity index 100%
rename from app/root/layout.tsx
rename to app/(root)/layout.tsx
diff --git a/app/root/page.tsx b/app/(root)/page.tsx
similarity index 100%
rename from app/root/page.tsx
rename to app/(root)/page.tsx
diff --git a/app/root/resources/layout.tsx b/app/(root)/resources/layout.tsx
similarity index 100%
rename from app/root/resources/layout.tsx
rename to app/(root)/resources/layout.tsx
diff --git a/app/root/resources/page.tsx b/app/(root)/resources/page.tsx
similarity index 100%
rename from app/root/resources/page.tsx
rename to app/(root)/resources/page.tsx
diff --git a/app/root/started/layout.tsx b/app/(root)/started/layout.tsx
similarity index 100%
rename from app/root/started/layout.tsx
rename to app/(root)/started/layout.tsx
diff --git a/app/root/started/page.tsx b/app/(root)/started/page.tsx
similarity index 100%
rename from app/root/started/page.tsx
rename to app/(root)/started/page.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
index e50e592..804b55b 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -27,7 +27,6 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <ClerkProvider>
       <html lang="en">
         <Provider>
           <body className={inter.className}>
@@ -35,6 +34,5 @@ export default function RootLayout({
           </body>
         </Provider>
       </html>
-    </ClerkProvider>
   );
 }
diff --git a/app/page.tsx b/app/page.tsx
deleted file mode 100644
index a77922e..0000000
--- a/app/page.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import Link from 'next/link';
-import { SignedOut, SignedIn } from '@clerk/nextjs';
-
-import three_um_logo from '@/public/assets/IMG_0701 3.png';
-import logo from '@/public/assets/IMG_0699 2.png';
-import ID from '@/public/assets/ID.png';
-
-import Image from 'next/image';
-
-
-const page = () => {
-
-  return (
-    <>
-      <div className='flex flex-col items-center mt-12'>
-
-        <>
-          <Image src={three_um_logo} alt='company logo' width={100} height={100} />
-          <div className='flex flex-row mb-5'>
-            <Image src={logo} alt='logo' width={150} height={100} />
-            <Image src={ID} alt='ID' width={100} height={100} />
-          </div>
-
-        </>
-        <span className='w-1/3 text-center mt-5 opacity-80'>Hybrid Identit for public and private identity powered by 3UM and The ABQ Protocol</span>
-
-        <Link href='./root' className='border-2 border-black rounded-full w-60 text-center h-9 mt-5 flex items-center justify-center'>Goto Home</Link>
-
-        <SignedOut>
-          <Link href='sign-in' className='border-2 border-black rounded-full w-60 h-9 mt-3 flex items-center justify-center bg-black text-white'>Login</Link>
-        </SignedOut>
-      </div>
-
-
-    </>
-  )
-}
-
-export default page
\ No newline at end of file
diff --git a/components/Header.tsx b/components/Header.tsx
index d1d78f3..144a6ec 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -18,7 +18,7 @@ const Header = () => {
         <div className="w-full p-3 pl-5 flex flex-row items-center sm:border-none border-b border-gray-300">
             {/*DestTop vision */}
             <div className="min-w-10">
-                <Link href='/root' className='block'>
+                <Link href='/' className='block'>
                     <Image
                         src={three_um_logo}
                         alt='company logo'
@@ -30,15 +30,15 @@ const Header = () => {
             </div>
 
             <div className='sm:flex flex-1 flex-row justify-center items-center gap-16 mr-10 hidden'>
-                <Link href='/root/company'
+                <Link href='/company'
                     className={pathName.includes('company') ? 'border-b-2 border-blue-500 p-5' : 'p-5'} >Company</Link>
-                <Link href='/root/ecosystem'
+                <Link href='/ecosystem'
                     className={pathName.includes('ecosystem') ? 'border-b-2 border-blue-500 p-5' : 'p-5'}>Ecosystem</Link>
-                <Link href='/root/community'
+                <Link href='/community'
                     className={pathName.includes('community') ? 'border-b-2 border-blue-500 p-5' : 'p-5'}>Community</Link>
-                <Link href='/root/resources'
+                <Link href='/resources'
                     className={pathName.includes('resources') ? 'border-b-2 border-blue-500 p-5' : 'p-5'} >Resources</Link>
-                <Link href='/root/started'
+                <Link href='/started'
                     className={pathName.includes('started') ? 'border-b-2 border-blue-500 p-5' : 'rounded-full bg-blue-900 text-white py-1 px-6'} >Get Started</Link>
 
             </div>
@@ -52,7 +52,7 @@ const Header = () => {
                     toggle &&
                     <nav className='fixed top-0 left-0 w-full h-full z-20 bg-white' >
                         <div className='flex flex-row p-3 pl-5 mb-0 border-b border-gray-200 items-center'>
-                            <Link href='/root' className='block'>
+                            <Link href='/' className='block'>
                                 <Image
                                     src={three_um_logo}
                                     alt='company logo'
@@ -70,36 +70,36 @@ const Header = () => {
 
                         <div className='flex flex-col items-center gap-2 h-8/12 mb-5'>
                             <Link
-                                href='/root'
+                                href='/'
                                 onClick={() => { setToggle((old) => (!old)) }}
                                 className={`${pathName === '/root' ? 'text-blue-500 bg-blue-100' : ''}  hover:bg-gray-200 w-full text-center py-1 px-2 my-0`} >
                                 HOME
                             </Link>
                             <Link
-                                href='/root/company'
+                                href='/company'
                                 onClick={() => { setToggle((old) => (!old)) }}
                                 className={`${pathName.includes('company') ? 'text-blue-500 bg-blue-100' : ''}  hover:bg-gray-200 w-full text-center py-1 px-2 my-0`} >
                                 COMPANY
                             </Link>
                             <Link
-                                href='/root/ecosystem'
+                                href='/ecosystem'
                                 onClick={() => { setToggle((old) => (!old)) }}
                                 className={`${pathName.includes('ecosystem') ? 'text-blue-500 bg-blue-100' : ''}  hover:bg-gray-200 w-full text-center py-1 px-2 my-0`}  >
                                 ECOSYSTEM</Link>
                             <Link
-                                href='/root/community'
+                                href='/community'
                                 onClick={() => { setToggle((old) => (!old)) }}
                                 className={`${pathName.includes('community') ? 'text-blue-500 bg-blue-100' : ''}  hover:bg-gray-200 w-full text-center py-1 px-2 my-0`}  >
                                 COMMUNITY
                             </Link>
                             <Link
-                                href='/root/resources'
+                                href='/resources'
                                 onClick={() => { setToggle((old) => (!old)) }}
                                 className={`${pathName.includes('resource') ? 'text-blue-500 bg-blue-100' : ''}  hover:bg-gray-200 w-full text-center py-1 px-2 my-0`}  >
                                 RESOURCE
                             </Link>
                             <Link
-                                href='/root/legald'
+                                href='/legald'
                                 onClick={() => { setToggle((old) => (!old)) }}
                                 className={`${pathName.includes('legal') ? 'text-blue-500 bg-blue-100' : ''}  hover:bg-gray-200 w-full text-center py-1 px-2 my-0`}  >
                                 LEGAL
@@ -107,7 +107,7 @@ const Header = () => {
                         </div>
 
                         <div className='flex flex-col pt-5 gap-3 items-center border-t border-gray-200'>
-                            <Link href='/root/started'
+                            <Link href='/started'
                                 className={pathName.includes('started') ? 'border-b-2 border-blue-500 p-5' : 'rounded-full bg-blue-700 text-white py-1 px-6'} >Get Started</Link>
                             <Link href='/sign-in' className='text-blue-500'>LOGIN</Link>
                         </div>
diff --git a/components/home_components/Describe.tsx b/components/home_components/Describe.tsx
index 412594c..a565b2f 100644
--- a/components/home_components/Describe.tsx
+++ b/components/home_components/Describe.tsx
@@ -67,7 +67,7 @@ const Describe = () => {
                     title='ABQ Protocol'
                     content=' 3UM Finance simplifies finance by combining traditional, decentralized, and digital financial tools in one platform. It allows users to easily manage, create, and invest in various financial products using the latest in blockchain and AI technology.'
                 />}
-            <Link href='/root/ecosystem' className='bg-white mt-4 cursor-pointer border-[2px] border-blue-700 text-gradient rounded-full px-8 py-1'>VIEW MORE</Link>
+            <Link href='/ecosystem' className='bg-white mt-4 cursor-pointer border-[2px] border-blue-700 text-gradient rounded-full px-8 py-1'>VIEW MORE</Link>
 
 
         </div>
diff --git a/middleware.ts b/middleware.ts
deleted file mode 100644
index 29cc4c9..0000000
--- a/middleware.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-//import { clerkMiddleware } from "@clerk/nextjs/server";
-
-//export default clerkMiddleware({});
-
-
-import { authMiddleware } from "@clerk/nextjs/server";
-
-export default authMiddleware({
-    publicRoutes:[
-        '/',
-        '/root/company',
-        '/root/ecosystem',
-    ],
-    ignoredRoutes:[
-        '/root'
-    ]
-});
-
-export const config = {
-  matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"],
-};
\ No newline at end of file
diff --git a/next.config.mjs b/next.config.mjs
index fda698b..5245107 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,7 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     output: "export",  // <=== enables static exports
-    reactStrictMode: true,
 };
 
 export default nextConfig;