fad

neerajrekwar · Jul 14, 2024 · 4ed9da1 · 4ed9da1
1 parent fad0488
commit 4ed9da1
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 31 deletions.
diff --git a/app/components/StickyRelativeDemo.tsx b/app/components/StickyRelativeDemo.tsx
@@ -12,8 +12,8 @@ const source_Code_Pro = Source_Code_Pro({
 
 const StickyRelativeDemo: NextPage = () => {
   return (
-    <div className="m-auto scroll-smooth text-four justify-between p-2 max-h-fit max-w-6xl">
-      <div className="justify-start text-semibold flex items-center gap-2 sm:gap-1 py-10 text-2xl  font-semibold visible sm:text-4xl">
+    <div className="m-auto scroll-smooth text-secondary justify-between p-2 max-h-fit max-w-6xl">
+      <div className="justify-start flex items-center gap-2 sm:gap-1 py-10 text-2xl  font-semibold visible sm:text-4xl">
         <div className="text-4xl text-third sm:text-5xl sm:mx-2">
           &#8226;
         </div>
@@ -23,17 +23,17 @@ 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-sBorder font-semibold   px-3 py-1 antialiased ">
+              <div className="mb-4 max-w-fit rounded-full border bg-seven border-tBorder font-semibold text-thirdText  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 py-3 pb-3 font-semibold ">
+                <h2 className="text-2xl text-secodary 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-four text-base">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit.
                     Repudiandae quo natus accusantium eius molestiae expedita
                     possimus accusamus, aspernatur, quia quae asperiores
@@ -42,7 +42,7 @@ const StickyRelativeDemo: NextPage = () => {
                   </p>
                 </div>
               </div>
-              <div className="text-sm text-thirdText pt-12 ">
+              <div className="text-sm text-four pt-12 ">
                 <ul className="flex justify-between font-semibold py-6 border-b-1 border-sBorder">
                   <li className="text-thirdText font-normal">Role</li>
                   <li>Digital Marketing</li>

diff --git a/app/components/backgroundBeams.tsx b/app/components/backgroundBeams.tsx
@@ -12,26 +12,26 @@ export function BackgroundBeamsDemo() {
     <div className="min-h-screen w-full bg-primary relative flex flex-col items-start justify-center antialiased">
       <div className="max-w-6xl text-left mx-auto p-4">
 
-        {/* <motion.div className="gap-2 flex  flex-row justify-start items-center  text-secondaryText text-semibold">
+        <motion.div className="gap-2 flex mb-10 flex-row justify-start items-center  text-secondaryText text-semibold">
           <Image
             src={"/me.jpg"}
             width={24}
             height={24}
             alt="Digital marketing for expert"
             className="aspact-square h-10 w-10 rounded-full"
           />
-          <div className="font-semibold text-secondaryText">
+          <div className="font-semibold text-four">
             <p>Neeraj Rekwar</p>
             <div className="flex gap-1 h-4">
-              <p className="text-thirdText flex flex-row justify-start items-center text-3xl">
+              <p className=" flex flex-row justify-start text-third items-center text-3xl">
                 &#8226;
               </p>
-              <p className="text-secondaryText flex flex-row justify-start items-center font-normal text-sm">
+              <p className="text-four flex flex-row justify-start items-center font-normal text-sm">
                 Available for freelance work
               </p>
             </div>
           </div>
-        </motion.div> */}
+        </motion.div>
         <motion.h1
           initial={{ opacity: 0, y: 100 }}
           whileInView={{ opacity: 1, y: 0 }}

diff --git a/app/components/infiniteCard.tsx b/app/components/infiniteCard.tsx
@@ -5,7 +5,7 @@ import { InfiniteMovingCards } from "./ui/infinite-moving-cards";
 
 export function InfiniteMovingCardsDemo() {
   return (
-    <div className="h-[40rem]  flex flex-col antialiased bg-white dark:bg-black dark:bg-grid-white/[0.05] items-center justify-center relative overflow-hidden">
+    <div className="flex flex-col antialiased bg-white items-center justify-center relative overflow-hidden">
       <InfiniteMovingCards
         items={testimonials}
         direction="right"

diff --git a/app/components/reviewSection.tsx b/app/components/reviewSection.tsx
@@ -4,16 +4,14 @@ import { motion } from "framer-motion";
 export function ReviewSection() {
     return (
         <>
-            <div className="justify-start text-semibold flex items-center gap-2 sm:gap-1 py-10 text-2xl text-secondaryText font-semibold visible sm:text-4xl">
-                <div className="text-thirdText text-4xl sm:text-6xl sm:mx-2">
-                  &#8226;
+            <div>
+                <div className="justify-start text-secondary pl-2 max-w-6xl m-auto font-semibold flex items-center gap-2 sm:gap-1 py-10 text-2xl visible sm:text-4xl">
+                    <div className="text-4xl text-third sm:text-5xl sm:mx-2">
+                        &#8226;
+                    </div>
+                    What others have to say
                 </div>
-                Recent projects
-              </div>
-            <div 
-              className="border-2 border-sBorder max-w-fit"
-              >
-
+                <div className="border-2 border-sBorder max-w-fit"></div>
             </div>
             <InfiniteMovingCardsDemo />
         </>

diff --git a/app/components/ui/infinite-moving-cards.tsx b/app/components/ui/infinite-moving-cards.tsx
@@ -1,5 +1,4 @@
 "use client";
-
 import { cn } from "@/app/utils/cn";
 import React, { useEffect, useState } from "react";
 
@@ -99,15 +98,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-gray-100 font-normal">
+              <span className="relative z-20 text-sm leading-[1.6] text-gray-100 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-gray-400 font-normal">
+                  <span className="text-sm leading-[1.6] text-gray-400 font-normal">
                     {item.name}
                   </span>
-                  <span className=" text-sm leading-[1.6] text-gray-400 font-normal">
+                  <span className="text-sm leading-[1.6] text-gray-400 font-normal">
                     {item.title}
                   </span>
                 </span>

diff --git a/app/globals.css b/app/globals.css
@@ -38,10 +38,10 @@
     --color-primary: #262626;
     --color-secondary: #FFFFFF;
     --color-third: #2cffbf;
-    --color-four: #4d5150;
-    --color-five: #79a091;
-    --color-six: #e6e6e6;
-    --color-seven: #79a09187;
+    --color-four: #79a091;
+    --color-five: #4d5150;
+    --color-six: #79a09187;
+    --color-seven: #e6e6e6;
     /* --color-primary-bg: #100c13;
     --color-secondary-bg: #7e6194;
     --color-third-bg: #d6b4ee;

diff --git a/app/page.tsx b/app/page.tsx
@@ -22,7 +22,7 @@ export default function Home() {
           <div></div>
         </div>
       </section>
-      <section className="border-2 border-pBorder">
+      <section className="">
        <ReviewSection/>
       </section>
       <section id="vision" className="h-screen flex flex-col justify-center items-center">

diff --git a/public/projects/star.svg b/public/projects/star.svg