fdas

neerajrekwar · Jun 15, 2024 · f613a03 · f613a03
1 parent a52cf0f
commit f613a03
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/app/about/page.tsx b/app/about/page.tsx
@@ -0,0 +1,4 @@
+// `app/page.tsx` is the UI for the `/` URL
+export default function Page() {
+  return <h1>Hello, Home page!</h1>;
+}
diff --git a/app/components/BackgroundAurra.tsx b/app/components/BackgroundAurra.tsx
@@ -18,16 +18,18 @@ export function AuroraBackgroundHeroSection() {
         }}
         className="relative flex flex-col gap-4 items-center justify-center px-4"
       >
-        <HeroSection />
-        <div className="text-3xl md:text-7xl font-bold dark:text-white text-center">
+        <div>
+          <HeroSection />
+        </div>
+        {/* <div className="text-3xl md:text-7xl font-bold dark:text-white text-center">
           Background lights are cool you know.
         </div>
         <div className="font-extralight text-base md:text-4xl dark:text-neutral-200 py-4">
           And this, is chemical burn.
         </div>
         <button className="bg-black dark:bg-white rounded-full w-fit text-white dark:text-black px-4 py-2">
           Debug now
-        </button>
+        </button> */}
       </motion.div>
     </AuroraBackground>
   );

diff --git a/app/components/heroSection.tsx b/app/components/heroSection.tsx
@@ -5,15 +5,15 @@ export function HeroSection() {
   return (
     <>
       <section className="bg-transparent ">
-        <div className="p-1">
-          <figure className="flex-1 sm:flex ">
-            <div className=" lg:w-[50vw]  h-[12rem] border-lime-600 grid items-center sm:justify-items-end justify-items-center  md:w-[20vw] gi">
+        <div className="p-1 ">
+          <figure className="w-auto flex-1 border-blue-500 sm:justify-between sm:flex ">
+            <div className="md:w-[25vw] h-[18rem] border-lime-600 grid items-center sm:justify-items-end justify-items-center">
               <Image
                 src="/me.jpg"
                 width={350}
                 height={350}
                 alt="Picture of the author"
-                className="rounded h-[8rem] w-[8rem] sm:w-auto sm:h-auto shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)]"
+                className="rounded h-[8rem] w-[8rem] sm:w-[16rem] sm:h-[16rem]  shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)]"
               />
             </div>
             <div className="m-2 md:w-[70vw] self-end">