new updates

Author: rasyidcode

app/globals.css

@@ -1,27 +1 @@
-@import 'tailwindcss';
-
-@theme {
-  --background-image-gradient-radial: radial-gradient(var(--tw-gradient-stops));
-  --background-image-gradient-conic: conic-gradient(from 180deg at 50% 50%,
-      var(--tw-gradient-stops));
-}
-
-/*
-  The default border color has changed to `currentColor` in Tailwind CSS v4,
-  so we've added these compatibility styles to make sure everything still
-  looks the same as it did with Tailwind CSS v3.
-
-  If we ever want to remove these styles, we need to add an explicit border
-  color utility to any element that depends on these defaults.
-*/
-@layer base {
-
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    border-color: var(--color-gray-200, currentColor);
-  }
-
-}
+@import 'tailwindcss';

app/page.tsx

@@ -1,33 +1,3 @@
-'use client';
-
-import Image from "next/image";
-import { useEffect, useRef } from "react";
-
 export default function Page() {
-  const videoRef = useRef<HTMLVideoElement>(null);
-
-  function unmuteVideo() {
-    if (videoRef.current) {
-      videoRef.current.muted = false;
-    }
-  }
-
-  return (
-    <>
-      <div className="flex justify-center items-center min-h-screen bg-purple-200">
-        <div className="flex gap-32">
-          <Image
-            src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExbnl0cDV5b3YzdDJzZjRuN20zYXF4d3NqeHNqZGdxMndidzA1NHRqZSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/VXJWhaO7afRe/giphy.gif"
-            alt="Saitama Ok"
-            width={500}
-            height={500} />
-          <div>
-            <video ref={videoRef} onClick={unmuteVideo} className="cursor-pointer" loop autoPlay muted playsInline height="500" width="500">
-              <source src="/never-gonna-give-up.mp4" type="video/mp4" />
-            </video>
-          </div>
-        </div>
-      </div>
-    </>
-  )
+  return <h1>Hello, World!</h1>;
 }