fvdas

neerajrekwar · Jul 16, 2024 · 65f12ef · 65f12ef
1 parent 495b6e8
commit 65f12ef
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 24 deletions.
diff --git a/app/components/StickyRelativeDemo.tsx b/app/components/StickyRelativeDemo.tsx
@@ -23,13 +23,13 @@ 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 bg-seven border-four font-semibold text-five border-five  px-3 py-1 antialiased text-sm">
+              <div className="mb-4 max-w-fit rounded-full border bg-seven border-seven font-semibold text-four border-five  px-3 py-1 antialiased text-sm">
                 2024
               </div>
             </div>
             <div className="border-yellow-400 sm:pr-10">
               <div className="max-w-2xl">
-                <h2 className="text-2xl text-secodary py-3 pb-3 font-semibold ">
+                <h2 className="text-2xl text-secondary py-3 pb-3 font-semibold ">
                   Craft &amp; Code: Building the Future, One Line at a Time
                 </h2>
                 <div>
@@ -42,26 +42,26 @@ const StickyRelativeDemo: NextPage = () => {
                   </p>
                 </div>
               </div>
-              <div className="text-sm text-four pt-12 ">
-                <ul className="flex justify-between font-semibold py-6 border-b-1 border-sBorder text-secodary">
+              <div className="text-sm text-secondary pt-12 ">
+                <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven">
                   <li className="text-four font-normal">Role</li>
                   <li>Digital Marketing</li>
                 </ul>
-                <ul className="flex justify-between font-semibold py-6 border-b-1 border-sBorder">
+                <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven">
                   <li className="text-four font-normal">Deliverables</li>
                   <li>Survey checks</li>
                 </ul>
-                <ul className="flex justify-between font-semibold py-6 border-b-1 border-sBorder ">
+                <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven">
                   <li className="text-four  font-normal">Company</li>
                   <li>VMR</li>
                 </ul>
-                <ul className="flex justify-between font-semibold py-6 border-b-1 border-sBorder">
+                <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven fill-secondary">
                   <li className="text-four font-normal">Visit Site</li>
                   <li className="px-2">
                     <Link href="https://veecrew.com" className="">
                       <svg
                         xmlns="http://www.w3.org/2000/svg"
-                        className="hover:fill-third"
+                        className="hover:fill-blue-500"
                         height="24px"
                         viewBox="0 -960 960 960"
                         width="24px"
@@ -77,7 +77,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 bg-seven border-four font-semibold text-five border-five  px-3 py-1 antialiased text-sm">
+          <div className="mb-4 max-w-fit rounded-full border bg-seven border-seven font-semibold text-four border-seven  px-3 py-1 antialiased text-sm">
             Showcase
           </div>
           <div className="grid gap-4 p-2 pt-4 sm:gap-10">

diff --git a/app/components/reviewSection.tsx b/app/components/reviewSection.tsx
@@ -11,7 +11,7 @@ export function ReviewSection() {
                     </div>
                     What others have to say
                 </div>
-                <div className="border-2 border-sBorder max-w-fit"></div>
+
             </div>
             <InfiniteMovingCardsDemo />
         </>

diff --git a/app/components/typeWriter.tsx b/app/components/typeWriter.tsx
@@ -17,7 +17,7 @@ export function TypewriterEffectSmoothDemo() {
     },
     {
       text: "neeraj rekwar.",
-      className: "text-five",
+      className: "text-six",
     },
   ];
   return (

diff --git a/app/components/ui/infinite-moving-cards.tsx b/app/components/ui/infinite-moving-cards.tsx
@@ -80,14 +80,14 @@ export const InfiniteMovingCards = ({
       <ul
         ref={scrollerRef}
         className={cn(
-          " flex min-w-full shrink-0 gap-4 py-4 w-max flex-nowrap",
+          " flex min-w-full shrink-0 gap-4 py-4 w-max flex-nowrap ",
           start && "animate-scroll ",
           pauseOnHover && "hover:[animation-play-state:paused]"
         )}
       >
         {items.map((item, idx) => (
           <li
-            className="w-[350px] max-w-full relative rounded-2xl font-semibold flex-shrink-0 text-secondary border-slate-700 px-8 py-6 md:w-[450px]"
+            className="w-[350px] max-w-full relative rounded-2xl  font-semibold flex-shrink-0 text-secondary border-slate-700 px-8 py-6 md:w-[450px]"
             style={{
               background:
                 "var(--seven)",
@@ -99,15 +99,15 @@ export const InfiniteMovingCards = ({
                 aria-hidden="true"
                 className="user-select-none -z-1 pointer-events-none absolute -left-0.5 -top-0.5 h-[calc(100%_+_4px)] w-[calc(100%_+_4px)]"
               ></div>
-              <span className=" relative z-20 text-sm  leading-[1.6] text-five font-normal">
+              <span className="relative z-20 text-sm  leading-[1.6] text-four font-normal">
                 {item.quote}
               </span>
               <div className="relative z-20 mt-6 flex flex-row items-center">
                 <span className="flex flex-col gap-1">
                   <span className=" text-sm leading-[1.6] text-four  font-semibold">
                     {item.name}
                   </span>
-                  <span className=" text-sm leading-[1.6] text-five font-semibold">
+                  <span className="text-sm leading-[1.6] text-six font-semibold">
                     {item.title}
                   </span>
                 </span>

diff --git a/app/components/visionSection.tsx b/app/components/visionSection.tsx
@@ -19,13 +19,13 @@ export default function VisionSection() {
 
         <div>
           <div className="">
-           <div className="m-2 md:flex justify-between items-center border-b-1">
-             <h4 className="  text-four font-semibold md:text-2xl">Adminstrative Assistant</h4>
-            <ul className="flex py-2 gap-2 md:gap-4 text-xs md:text-1xl text-five text-center">
-             <li className="p-1 px-2 max-w-fit border-1 bg-seven rounded-full text-center">
+           <div className="m-2 md:flex justify-between items-center border-b-1 border-seven">
+             <h4 className="text-four font-semibold text-xl md:text-2xl">Adminstrative Assistant</h4>
+            <ul className="flex py-6 gap-2 md:gap-4 text-xs md:text-1xl text-six text-center">
+             <li className="p-1 px-2 max-w-fit rounded-full border bg-seven border-seven font-semibold  px-3 py-1 antialiased text-sm text-center">
               VMR Pvt. Ltd.
              </li>  
-             <li className="p-1 px-2 max-w-fit border-1 bg-seven rounded-full text-center">
+             <li className="p-1 px-2 max-w-fit rounded-full border bg-seven border-seven font-semibold  px-3 py-1 antialiased text-sm">
               2021 sep - 2022 fab
              </li>  
             </ul>

diff --git a/app/globals.css b/app/globals.css
@@ -11,8 +11,8 @@
   --color-third: #2cffbf;
   --color-four: #4d5150;
   --color-five: #79a091;
-  --color-six: #e6e6e6;
-  --color-seven: #79a09140;
+  --color-six: #948a00;
+  --color-seven: #47aa842c;
   --font-families-secondary: 'Caveat', cursive;
 
   /* --color-primary-bg: #FFFFFF;
@@ -40,8 +40,8 @@
     --color-third: #2cffbf;
     --color-four: #79a091;
     --color-five: #4d5150;
-    --color-six: #79a09187;
-    --color-seven: #e6e6e6;
+    --color-six: #948a00b2;
+    --color-seven: #e6e6e61a;
     /* --color-primary-bg: #100c13;
     --color-secondary-bg: #7e6194;
     --color-third-bg: #d6b4ee;
@@ -58,6 +58,7 @@
 
   }
 }
+
 .button-three {
   @apply border-none bg-transparent;
   --button-color: #000;