fdsa

neerajrekwar · Jul 30, 2024 · f144f17 · f144f17
1 parent aa1c6e6
commit f144f17
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/app/components/BackgroundAurra.tsx b/app/components/BackgroundAurra.tsx
@@ -38,14 +38,14 @@ export function AuroraBackgroundDemo() {
             <motion.div
               initial={{ opacity: 0, y: 100 }}
               whileInView={{ opacity: 1, y: 0 }}
-              className="font-semibold text-four"
+              className="font-semibold text-secondary"
             >
               <p>Neeraj Rekwar</p>
               <div className="flex gap-1 h-4">
                 <p className=" flex flex-row justify-start text-third items-center text-3xl">
                   &#8226;
                 </p>
-                <p className="text-four flex flex-row justify-start items-center font-normal text-sm">
+                <p className="text-five flex flex-row justify-start items-center font-normal text-sm">
                   Available for freelance work
                 </p>
               </div>
@@ -97,6 +97,7 @@ export function AuroraBackgroundDemo() {
             <Link href={"https://84243cc8-6929-4062-809e-d7d9dda777bf-00-2j91rfjnf9ve1.pike.replit.dev/"} rel="preload" className="relative z-10 ">
               <motion.button
                 whileHover={{ scale: 1.1 }}
+                whileFocus={{ scale: 1.1 }}
                 whileTap={{ scale: 0.9 }}
                 transition={{
                   type: "spring",
@@ -108,19 +109,20 @@ export function AuroraBackgroundDemo() {
                 }}
                 initial={{ opacity: 0, y: 10 }}
                 whileInView={{ opacity: 1, y: 0 }}
-                className="rounded-full p-2 px-4 p-2 px-4 md:p-3 md:px-6  bg-five text-primary text-base hover:bg-secondary hover:text-primary hover:shadow-lg shadow-md bg-clip"
+                className="rounded-full p-2 px-4 p-2 px-4 md:p-3 md:px-6  bg-five text-primary text-base hover:bg-secondary hover:text-primary hover:shadow-lg shadow-md "
               >
                 Get started
               </motion.button>
             </Link>
             <Link href={"#vision"} scroll={true} rel="preload" className="relative z-10">
               <motion.button
                 whileHover={{ scale: 1.1 }}
+                whileFocus={{ scale: 1.1 }}
                 whileTap={{ scale: 0.9 }}
                 transition={{
                   type: "spring",
                   stiffness: 400,
-                  damping: 17,
+                  damping: 70,
                   delay: 0.1,
                   duration: 1,
                   ease: "easeInOut",

diff --git a/app/components/StickyRelativeDemo.tsx b/app/components/StickyRelativeDemo.tsx
@@ -23,43 +23,43 @@ 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 p-2 px-3 max-w-fit rounded-full border bg-seven border-seven  antialiased text-sm  text-five text-center text-secondary">
+              <div className="mb-4 p-2 px-3 max-w-fit rounded-full border bg-seven border-seven backdrop-blur-sm antialiased text-sm  text-five text-center text-secondary">
                 2024
               </div>
             </div>
-            <div className="text-six sm:pr-10 backdrop-blur-sm">
+            <div className="sm:pr-10 backdrop-blur-sm">
               <div className="max-w-2xl text-five ">
-                <h2 className="text-2xl text-secondary py-3 pb-3 font-semibold ">
+                <h2 className="text-3xl text-four py-3 pb-3 font-semibold ">
                   Craft &amp; Code: Building the Future, One Line at a Time
                 </h2>
                 <div>
-                  <p className="text-base">
+                  <p className="text-base ">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                    Repudiandae quo natus accusantium eius molestiae expedita
+                    Repudiandae quo natus accusantium eius molestiae expedita <br />
                     possimus accusamus, aspernatur, quia quae asperiores
                     inventore. Quod, officia vel aliquam exercitationem est
                     inventore porro?
                   </p>
                 </div>
               </div>
-              <div className="text-sm text-secondary pt-12 ">
+              <div className="text-sm text-five pt-10 ">
                 <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven">
                   <li className="font-normal">Role</li>
-                  <li>Digital Marketing</li>
+                  <li className="text-four">Digital Marketing</li>
                 </ul>
                 <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven">
                   <li className="font-normal">Deliverables</li>
-                  <li>Survey checks</li>
+                  <li className="text-four">Survey checks</li>
                 </ul>
                 <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven">
                   <li className="  font-normal">Company</li>
-                  <li>VMR</li>
+                  <li className="text-four">VMR</li>
                 </ul>
                 <ul className="flex justify-between font-semibold py-6 border-b-1 border-seven fill-five">
                   <li className="font-normal">Visit Site</li>
-                  <li className="px-2">
-                    <Link href="https://veecrew.com" className="">
-                      <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right">
+                  <li className="px-2 text-five ">
+                    <Link href="https://veecrew.com" className="text-five">
+                      <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" fill="none" stroke="var(--four)" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right">
                         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                         <path d="M5 12l14 0" />
                         <path d="M15 16l4 -4" />