deploydebugThree

app/components/HeroSection.tsx

@@ -16,7 +16,6 @@ function HeroSection() {
         <div className="p-4 relative z-10 w-full text-center" >
          <h1  className="mt-20 md:mt-0 text-4xl md:text-7xl font-bold bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 to-neutral-400">Master the art of music</h1>
             <p className="mt-4 font-normal text-base md:text-lg text-neutral-300 max-w-lg mx-auto">Drive into our comprehensive music courses and transform your musical journey today. Whether you're a beginner or looking to refine your skills, join us to unlock your true potential.</p>
-
             <div className='mt-5'> 
             <Link href={"/courses"}>
                 <Button

next.config.mjs

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    output : "export",
+};
 
 export default nextConfig;

package.json

@@ -1,5 +1,5 @@
 {
-  "homepage": "https://barchakuz.github.io/nextJs",
+
   "name": "app",
   "version": "0.1.0",
   "private": true,
@@ -8,8 +8,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "predeploy":"npm run build",
-    "deploy":"gh-pages -d build"
+
   },
   "dependencies": {
     "clsx": "^2.1.1",