diff --git a/src/app/(web)/layout.tsx b/src/app/(web)/layout.tsx
index c1e53de..a9b8513 100644
--- a/src/app/(web)/layout.tsx
+++ b/src/app/(web)/layout.tsx
@@ -1,7 +1,4 @@
-/*
-
 "use client"
-import Head from 'next/head';
 import React from 'react';
 import { Navbar } from '@/components/navbar';
 import { Footer } from '@/components/footer';
@@ -25,10 +22,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 	</html>
 	)
 }
-*/
 
 
 
+/*
 import type { Metadata } from "next"
 import { Inter } from "next/font/google"
 import "./globals.css"
@@ -82,4 +79,4 @@ export default function RootLayout({
     </html>
   )
 }
-
+*/
diff --git a/src/app/(web)/page.jsx b/src/app/(web)/page.jsx
new file mode 100644
index 0000000..115d8bd
--- /dev/null
+++ b/src/app/(web)/page.jsx
@@ -0,0 +1,104 @@
+"use client"
+
+import { Hero } from "@/components/hero";
+import { Facts } from "@/components/facts";
+
+import Link from "next/link";
+
+export default function Home() {
+	return (
+		<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+
+			<Hero />
+			<Facts />
+
+			<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100vh' }}>
+				<Link href="/transcribe">
+					<button>Go to Transcribe Page</button>
+				</Link>
+			</div>
+		</div>
+	);
+}
+
+
+/*
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --ring: 215 20.2% 65.1%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 85.7% 97.3%;
+
+    --ring: 217.2 32.6% 17.5%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+*/
diff --git a/src/app/(web)/page.tsx b/src/app/(web)/page.tsx
deleted file mode 100644
index d33658c..0000000
--- a/src/app/(web)/page.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-
-"use client"
-
-import { Hero } from "@/components/hero";
-import { Facts } from "@/components/facts";
-
-import Link from "next/link";
-
-export default function Home() {
-	return (
-		<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-
-			<Hero />
-			<Facts />
-
-			<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100vh' }}>
-				<Link href="/transcribe">
-					<button>Go to Transcribe Page</button>
-				</Link>
-			</div>
-		</div>
-	);
-}
diff --git a/src/app/(web)/transcribe/page.tsx b/src/app/(web)/transcribe/page.tsx
index 8af3b25..5a9dfac 100644
--- a/src/app/(web)/transcribe/page.tsx
+++ b/src/app/(web)/transcribe/page.tsx
@@ -1,4 +1,3 @@
-/*
 "use client";
 //import Hero1 from '@/components/Hero1'
 //IMPORT THE HERO1 FUNCTION TO MAKE THE TRANSCRIBE PAGE LOOK BETTER
@@ -113,18 +112,13 @@ const AudioTranscriber: React.FC = () => {
         </h1>
       <div>
         <h2>Upload or Record Audio</h2>
-        {/* File Upload */     //}
-
-  /*
+       
         <input type="file" accept="audio/*" onChange={handleFileChange} />
         <button onClick={() => file && handleTranscription(file)} disabled={loading || !file}>
           {loading ? "Transcribing..." : "Transcribe"}
         </button>
       </div>
 
-      {/* Recording Controls */    //}
-
-      /*
       <div>
         <h2>Record Audio</h2>
         {!recording ? (
@@ -136,9 +130,6 @@ const AudioTranscriber: React.FC = () => {
         )}
       </div>
 
-      {/* Transcription Result */     //}
-
-      /*
       <div>
         <h2>Transcription:</h2>
         {loading ? (
@@ -150,9 +141,6 @@ const AudioTranscriber: React.FC = () => {
         )}
       </div>
 
-      {/* Error Message */     //}
-
-      /*
       {error && (
         <div style={{ color: "red" }}>
           <strong>Error:</strong> {error}
@@ -163,8 +151,10 @@ const AudioTranscriber: React.FC = () => {
 };
 
 export default AudioTranscriber;
-*/
 
+
+
+/*
 "use client"
 
 import type React from "react"
@@ -366,3 +356,4 @@ const AudioTranscriber: React.FC = () => {
 }
 
 export default AudioTranscriber
+*/
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 81a9f51..acdf0c3 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,6 +22,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx", "src/app/(web)/page.jsx"],
   "exclude": ["node_modules"]
 }