gfs

neerajrekwar · Aug 23, 2024 · 424a221 · 424a221
1 parent 9a68f23
commit 424a221
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
@@ -59,19 +59,19 @@ const ContactPage: React.FC = () => {
   };
 
   return (
-    <main className="md:p-8 p-2  bg-primary min-h-screen ">
-     <section className="max-w-6xl md:bg-secondary m-auto m-auto rounded-xl py-1 border-rose-600  sm:flex sm:border-rose-600 md:border-blue-400 gap-2 lg:w-[70%] lg:flex-1 lg:border-yellow-500">
+    <main className="md:p-8 p-2  bg-custom-radial-md bg-primary min-h-screen ">
+     <section className="max-w-6xl m-auto m-auto rounded-xl py-1 border-rose-600  sm:flex sm:border-rose-600 md:border-blue-400 gap-2 lg:w-[70%] lg:flex-1 lg:border-yellow-500">
 
 
-         <div className="basis-1/2  border-four md:w-[40%] p-2 aspect-square bg-six rounded-xl m-2">
-            <h1 className="text-3xl text-four font-bold mb-6">
+         <div className="basis-1/2  border-four md:w-[40%] p-2 aspect-square bg-seven rounded-xl m-2">
+            <h1 className="text-3xl  bg-gradient-to-br from-five to-four py-4 bg-clip-text text-4xl font-medium tracking-tight text-transparent md:text-7xl text-four font-bold mb-6">
             Facilis blanditiis impedit atque.</h1>
             <p className=" text-four">let&#39;s talk about something amazing!</p>
           </div>
 
           <div className="basis-2/2  text-blue-200 border-four md:w-[60%] aspect-square bg-gradient-to-r from-seven rounded-xl m-2  bg-secondary p-2   sm:w-[60%]">
-            <h6 className="mb-2 p-2 text-center text-3xl font-bold text-primary">Reach at me</h6>
-             <p className="m-2 text-base text-four bg-gradient-to-r bg-clip-text text-transparent from-four to-primary">Numquam ab temporibus aut nulla doloremque suscipit, ex facere.</p>
+            <h6 className="mb-2 p-2  bg-gradient-to-br from-six to-seven py-4 bg-clip-text text-4xl font-medium tracking-tight text-transparent">Reach at me</h6>
+
             <form
               action="https://formspree.io/f/mnqebqjq"
               method="POST"
@@ -153,7 +153,7 @@ const ContactPage: React.FC = () => {
                   placeholder="Enter your message"
                   required
                   rows={4}
-                  className="mt-1 border-input bg-[#ffffff0a] ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring-2 focus-visible:ring-2 flex h-22 w-full rounded border-none  px-3 py-2 text-sm  file:border-0 file:bg-transparent file:text-sm file:font-medium focus:bg-seven disabled:cursor-not-allowed disabled:opacity-50 focus:ring-four focus:border-four"
+                  className="mt-1 border-input bg-[#ffffff0a] ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring-2 focus-visible:ring-2 flex h-16 w-full rounded border-none  px-3 py-2 text-sm  file:border-0 file:bg-transparent file:text-sm file:font-medium focus:bg-seven disabled:cursor-not-allowed disabled:opacity-50 focus:ring-four focus:border-four"
                 />
               </div>
 

diff --git a/app/globals.css b/app/globals.css
@@ -8,7 +8,7 @@
   --color-primary: #FFFFFF;
   --color-secondary: #242424;
   --color-third: #2cffbf;
-  --color-four: #3A4F41;
+  --color-four: #5e716a;
   --color-five: #1d3838;
   --color-six: #E0F2E9;
   --color-seven: #5e716a10;

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -23,6 +23,8 @@ module.exports = {
         'custom-radial': 'radial-gradient(50% 50% at 80% 50%, var(--four) 0%, rgba(0, 0, 0, 0) 100%)',
         'custom-radial-s': 'radial-gradient(70% 120% at 100% 50%, var(--four) 0%, rgba(0, 0, 0, 0) 100%)',
         'custom-radial-sm': 'radial-gradient(33% 69% at 26% 0%, #5e716a8a 0%, rgba(0, 0, 0, 0) 100%)',
+        'custom-radial-md': 'radial-gradient(33% 69% at 26% 0%, var(--four) 0%, hsla(0, 0%, 100%, .1) 100%)',
+        'custom-radial-lg': 'radial-gradient(33% 69% at 26% 0%, hsla(14, 71%, 48%, 1) 0%, hsla(0, 0%, 100%, .1) 100%), radial-gradient(103% 69% at 26% 0%, hsla(14, 71%, 48%, 1) 0%, hsla(0, 0%, 100%, .1) 100%) ',
         'custom-gradient-bgl': 'linear-gradient(90deg, hsla(0, 0%, 100%, 1) 0%,  hsla(0, 0%, 10%, 0) 50%, hsla(0, 0%, 100%, 1) 100%)',
         'custom-gradient-bgl0': 'linear-gradient(180deg, hsla(0, 0%, 100%, 1)10%, hsla(180, 2%, 57%, 0) 50%, hsla(0, 0%, 100%, 0.5) 64%)',
       },