fdafda

neerajrekwar · Jul 9, 2024 · f32871c · f32871c
1 parent 39dab91
commit f32871c
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 53 deletions.
diff --git a/app/components/StickyRelativeDemo.tsx b/app/components/StickyRelativeDemo.tsx
@@ -19,13 +19,13 @@ const StickyRelativeDemo: NextPage = () => {
         </div>
         Recent projects
       </div>
-      <InfoLink/>
+      <InfoLink />
 
       <div className="relative m-auto min-h-screen max-w-7xl flex-col justify-evenly border-blue-400 sm:flex sm:flex-row">
         <div className="relative visible  top-0 flex min-h-full basis-1/2 flex-col justify-between  border-rose-500 sm:gap-10">
           <div className="sticky top-0 will-change-transform overflow-hidden z-10 pt-10 items-center justify-center  border-green-500">
             <div className="flex flex-wrap border-yellow-400">
-              <div className=" mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-fourText  px-3 py-1 text-sm">
+              <div className=" mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-secondaryText  px-3 py-1 text-sm">
                 2024
               </div>
             </div>
@@ -81,7 +81,7 @@ const StickyRelativeDemo: NextPage = () => {
           </div>
         </div>
         <div className="relative basis-1/2 pt-10 overflow-hidden  border-rose-500">
-          <div className="mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-fourText  px-3 py-1 text-sm">
+          <div className=" mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-secondaryText  px-3 py-1 text-sm">
             Showcase
           </div>
           <div className="grid gap-4 p-2 pt-4 sm:gap-10">
@@ -113,7 +113,7 @@ const StickyRelativeDemo: NextPage = () => {
         <div className="relative visible  top-0 flex min-h-full basis-1/2 flex-col justify-between  border-rose-500 sm:gap-10">
           <div className="sticky top-0 will-change-transform overflow-hidden z-10 pt-10 items-center justify-center  border-green-500">
             <div className="flex flex-wrap border-yellow-400">
-              <div className=" mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-fourText  px-3 py-1 text-sm">
+              <div className=" mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-secondaryText  px-3 py-1 text-sm">
                 2024
               </div>
             </div>
@@ -123,7 +123,7 @@ const StickyRelativeDemo: NextPage = () => {
                   Craft &amp; Code: Building the Future, One Line at a Time
                 </h2>
                 <div>
-                  <p className="text-fourText text-base">
+                  <p className="text-secondaryText text-base">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
                     Repudiandae quo natus accusantium eius molestiae expedita
                     possimus accusamus, aspernatur, quia quae asperiores
@@ -169,7 +169,7 @@ const StickyRelativeDemo: NextPage = () => {
           </div>
         </div>
         <div className="relative basis-1/2 pt-10 overflow-hidden  border-rose-500">
-          <div className="mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-fourText  px-3 py-1 text-sm">
+          <div className=" mb-4 max-w-fit rounded-full border-1 bg-secondary border-tBorder font-semibold text-secondaryText  px-3 py-1 text-sm">
             Showcase
           </div>
           <div className="grid gap-4 p-2 pt-4 sm:gap-10">
@@ -197,9 +197,6 @@ const StickyRelativeDemo: NextPage = () => {
           </div>
         </div>
       </div>
-
-
-
     </div>
   );
 };

diff --git a/app/components/backgroundBeams.tsx b/app/components/backgroundBeams.tsx
@@ -57,7 +57,9 @@ export function BackgroundBeamsDemo() {
             ease: "backIn",
           }}
           className="flex w-full flex-col items-center justify-center"
-        ></motion.div>
+        >
+
+        </motion.div>
         <motion.p
           initial={{ opacity: 0, y: 100 }}
           whileInView={{ opacity: 1, y: 0 }}
@@ -74,43 +76,43 @@ export function BackgroundBeamsDemo() {
           password reset emails, or promotional campaigns, MailJet has got you
           covered.
         </motion.p>
-        <div>
 
-          <motion.div className="text-secondaryText">
-            <Link href={'blog'}>
-              <motion.button
-                initial={{ opacity: 0, y: 100 }}
-                whileInView={{ opacity: 1, y: 0 }}
+        <motion.div className="text-secondaryText  gap-2 mt-10 max-w-fit flex justify-center items-cent">
+          <Link href={'blog'} 
+          className="relative z-10 font-bold">
+            <motion.button
+              initial={{ opacity: 0, y: 100 }}
+              whileInView={{ opacity: 1, y: 0 }}
 
-                transition={{
+              transition={{
 
-                  delay: 0.3,
-                  duration: 0.8,
-                  ease: "easeInOut",
-                }}
-                className="rounded-full border border-neutral-800 focus:ring-2 focus:ring-teal-500  text-white px-3 py-2 text-sm relative z-10 mt-4  bg-neutral-950 placeholder:text-neutral-700"
-              >
-                Get started
-              </motion.button>
-            </Link>
-            <Link href={"https://e3d840fc-de16-4c0f-a2af-4bb02b48d797-00-1iz57nutmrl9d.sisko.replit.dev/"} className="relative z-10 md:pb-4 text-2xl sm:text-lg md:text-7xl  bg-clip-text text-transparent bg-gradient-to-b from-neutral-200 to-neutral-600  text-left font-sans font-bold">
-              <motion.button
-                initial={{ opacity: 0, y: 100 }}
-                whileInView={{ opacity: 1, y: 0 }}
+                delay: 0.3,
+                duration: 0.8,
+                ease: "easeInOut",
+              }}
+              className="bg-third  text-fourText  font-normal border-1 border-sBorder p-1 px-3 rounded-full"
+            >
+              Get started
+            </motion.button>
+          </Link>
+          <Link href={"https://e3d840fc-de16-4c0f-a2af-4bb02b48d797-00-1iz57nutmrl9d.sisko.replit.dev/"} 
+          className="relative z-10 font-bold">
+            <motion.button
+              initial={{ opacity: 0, y: 100 }}
+              whileInView={{ opacity: 1, y: 0 }}
 
-                transition={{
+              transition={{
 
-                  delay: 0.3,
-                  duration: 0.8,
-                  ease: "easeInOut",
-                }}
-                className="rounded-full ml-2 text-secondary border border-neutral-800 focus:ring-2 font-medium focus:ring-teal-500  bg-white px-3 py-2 text-sm relative z-10 mt-4 "
-              >
-                Learn more
-              </motion.button>
-            </Link>
-          </motion.div>
-        </div>
+                delay: 0.3,
+                duration: 0.8,
+                ease: "easeInOut",
+              }}
+              className="p-1 px-3 border-1 border-sBorder rounded-full text-secondaryText  font-semibold"
+            >
+              Learn more
+            </motion.button>
+          </Link>
+        </motion.div>
       </div>
       <BackgroundBeams />
     </div>

diff --git a/app/components/typeWriter.tsx b/app/components/typeWriter.tsx
@@ -17,13 +17,13 @@ export function TypewriterEffectSmoothDemo() {
     },
     {
       text: "neeraj rekwar.",
-      className: "text-thirdText",
+      className: "text-fourText",
     },
   ];
   return (
     <div className="bg-primary flex flex-col items-center justify-center h-[40rem] ">
       <div className="flex flex-col items-center justify-center h-[40rem] w-full">
-        <p className="text-secondary sm:text-base  ">
+        <p className="text-secondaryText sm:text-base  ">
           The road to make unique from here
         </p>
         <TypewriterEffectSmooth words={words} />

diff --git a/app/components/ui/typewriter-effect.tsx b/app/components/ui/typewriter-effect.tsx
@@ -124,7 +124,7 @@ export const TypewriterEffectSmooth = ({
               {word.text.map((char, index) => (
                 <span
                   key={`char-${index}`}
-                  className={cn(`text-secondary `, word.className)}
+                  className={cn(`text-secondaryText `, word.className)}
                 >
                   {char}
                 </span>
@@ -154,7 +154,7 @@ export const TypewriterEffectSmooth = ({
         }}
       >
         <div
-          className="text-md  sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-semibold"
+          className="text-md sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-semibold"
           style={{
             whiteSpace: "nowrap",
           }}

diff --git a/app/globals.css b/app/globals.css
@@ -12,8 +12,8 @@
 
   --color-primary-text: #0a0a0a;
   --color-secondary-text: #4d5150;
-  --color-third-text: #d9d9d9;
-  --color-four-text: #464e4b;
+  --color-third-text: #020101;
+  --color-four-text: #79a091;
 
   --color-primary-border: #e7f5f3;
   --color-secondary-border: #abd4c5;

diff --git a/next.config.mjs b/next.config.mjs
@@ -1,10 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  images: {
-    domains: [
-      "api.microlink.io", // Microlink Image Preview
-    ],
-  },
+
 };
 
 export default nextConfig;