fda

neerajrekwar · Sep 5, 2024 · c856d30 · c856d30
1 parent 5b3d466
commit c856d30
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 16 deletions.
diff --git a/app/components/AnimatedToolstips.tsx b/app/components/AnimatedToolstips.tsx
@@ -11,14 +11,14 @@ const people = [
   },
   {
     id: 2,
-    name: "Robert Johnson",
+    name: "",
     designation: "Product Manager",
     image:
       "",
   },
   {
     id: 3,
-    name: "Jane Smith",
+    name: "",
     designation: "Data Scientist",
     image:
       "",

diff --git a/app/components/ExpSection.tsx b/app/components/ExpSection.tsx
@@ -37,7 +37,7 @@ export default function ExpSection() {
               <h4 className="  text-xl md:text-2xl">Self Employed</h4>
               <ul className="flex flex-wrap items-start justify-start py-6 gap-2  md:gap-4 text-xs md:text-1xl text-five border-secondary text-center">
                 <li className="p-2 px-3 max-w-fit rounded-full border bg-seven border-seven  antialiased text-sm text-center">
-                  VMR Pvt. Ltd.
+                  Field work
                 </li>
                 <li className="p-2 px-3 max-w-fit rounded-full border bg-seven border-seven  antialiased text-sm text-center">
                   Contract
@@ -49,7 +49,7 @@ export default function ExpSection() {
               </ul>
             </div>
             <div className="m-2 md:flex text-four justify-between items-center border-b-1 border-seven md:hover:pl-1 md:hover:translate-x-1 md:transition-all">
-              <h4 className="text-xl md:text-2xl">SEO Intern.</h4>
+              <h4 className="text-xl md:text-2xl">Search Engine Markeing Intern.</h4>
               <ul className="flex flex-wrap items-start justify-start py-6 gap-2 md:gap-4 text-xs md:text-1xl text-five border-secondary text-center">
                 <li className="p-2 px-3 max-w-fit rounded-full border bg-seven border-seven   antialiased text-sm text-center">
                   Web Infomatrix Pvt. Ltd.
@@ -62,6 +62,20 @@ export default function ExpSection() {
                 </li>
               </ul>
             </div>
+            <div className="m-2 md:flex text-four justify-between items-center border-b-1 border-seven md:hover:pl-1 md:hover:translate-x-1 md:transition-all">
+              <h4 className="text-xl md:text-2xl">Freelancer</h4>
+              <ul className="flex flex-wrap items-start justify-start py-6 gap-2 md:gap-4 text-xs md:text-1xl text-five border-secondary text-center">
+                <li className="p-2 px-3 max-w-fit rounded-full border bg-seven border-seven   antialiased text-sm text-center">
+                  Online
+                </li>
+                <li className="p-2 px-3 max-w-fit rounded-full border bg-seven border-seven  antialiased text-sm text-center">
+                Contract
+                </li>
+                <li className="p-2 px-3 max-w-fit rounded-full border bg-seven border-seven  antialiased text-sm text-center">
+                  2024 Aug - Present
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
       </div>

diff --git a/app/components/VisionSection.tsx b/app/components/VisionSection.tsx
@@ -760,7 +760,7 @@ export const VisionSection: React.FC = () => {
                   <h5 className="text-2xl text-four">Semantics</h5>
                   <p className="py-2 font-normal">
                     Make sure to implement semantic tags on your websites to
-                    improve their structure.
+                    improve their <strong className="text-four">structure.</strong>
                   </p>
                   <div className=" flex justify-center p-10 items-center m-2 p-2 bg-seven rounded-md">
                     <Image
@@ -774,7 +774,7 @@ export const VisionSection: React.FC = () => {
                 <div className="col-span-2 md:p-10  flex flex-col justify-start p-2">
                   <h5 className="text-2xl text-four">Accessibility</h5>
                   <p className="py-2 font-normal">
-                    Design inclusive and accessible websites by utilizing alt
+                    Design inclusive and <strong className="text-four">accessible websites</strong> by utilizing alt
                     tags, Tab Index, element tags, and more.
                   </p>
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md p-10">
@@ -790,7 +790,7 @@ export const VisionSection: React.FC = () => {
                   <h5 className="text-2xl text-four">Lighthouse Scores</h5>
                   <p className="py-2 font-normal">
                     Ensure your page stands out with a compelling title and
-                    description, while our top-notch handles ensure search
+                    description, <strong className="text-four">while our top-notch handles ensure search</strong>
                     engine optimization.
                   </p>
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md p-10">
@@ -806,7 +806,7 @@ export const VisionSection: React.FC = () => {
                   <h5 className="text-2xl text-four">Sitemap</h5>
                   <p className="py-2 font-normal">
                     We understand the importance of generating a sitemap that
-                    reflects your site&apos;s structure for search bots.
+                    reflects your site&apos;s <strong className="text-four">structure for search bots.</strong> 
                   </p>
                   <div className=" flex justify-center items-center p-10 m-2 p-2 bg-seven rounded-md">
                     <Image
@@ -818,9 +818,9 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2 rounded-md rounded-md md:p-10  flex flex-col justify-start p-2">
-                  <h5 className="text-2xl text-four">Server Side Rendering</h5>
+                  <h5 className="text-2xl text-four"> SSR</h5>
                   <p className="py-2 font-normal">
-                    Boost your website speed with SSR: achieve faster load times
+                    Boost your website speed with <strong className="text-four">Server Side Rendering</strong> achieve faster load times
                     and higher scores.
                   </p>
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md">

diff --git a/app/components/homeSectionHeader.tsx b/app/components/homeSectionHeader.tsx
@@ -22,7 +22,7 @@ export default function HomeSectionHeader() {
       <header className="min-h-screen text-primary overflow-hidden">
         <div className=" ">
           <AuroraBackgroundDemo />
-          <div className="absolute flex justify-center items-center px-2   w-full opacity-75 flex justify-between  text-[.6rem] md:text-[.5rem] lg:text-[.7rem] top-0 text-four z-999  text-right ">
+          <div className="absolute flex justify-center items-start px-2 w-full opacity-75 flex justify-between  text-[.6rem] md:text-[.5rem] lg:text-[.7rem] top-0 text-four z-999  text-right ">
             <div className={caveat.className}>
               <Link
                 href={"/"}
@@ -33,7 +33,7 @@ export default function HomeSectionHeader() {
               </Link>
             </div>
             <div className="">
-              <div className="text-secondary pt-1 md:pt-2 font-bold">
+              <div className="text-secondary pt-1  font-bold">
                 <DeviceAddress />
                 <Weather/>
               </div>

diff --git a/app/components/ui/animated-tooltip.tsx b/app/components/ui/animated-tooltip.tsx
@@ -71,9 +71,19 @@ export const AnimatedTooltip = ({
                 <div className="absolute inset-x-10 z-30 w-[20%] -bottom-px bg-gradient-to-r from-transparent via-emerald-500 to-transparent h-px " />
                 <div className="absolute left-10 w-[40%] z-30 -bottom-px bg-gradient-to-r from-transparent via-sky-500 to-transparent h-px " />
                 <div className="font-bold text-white relative z-30 text-base">
-                  {item.name}
+                  {item.name ? (
+                    <span>{item.name}</span>
+                  ):(
+                    <span>unknown</span>
+                  )}
+                </div>
+                <div className="text-white text-xs">
+                {item.designation ? (
+                    <span>{item.designation}</span>
+                  ):(
+                    <span>worker</span>
+                  )}
                 </div>
-                <div className="text-white text-xs">{item.designation}</div>
               </motion.div>
             )}
           </AnimatePresence>
@@ -85,7 +95,7 @@ export const AnimatedTooltip = ({
             alt={item.name}
             className="object-cover !m-0 !p-0 object-top rounded-full h-14 w-14 border-2 group-hover:scale-105 group-hover:z-30 border-white  relative transition duration-500"
           />) : (
-            <div className="h-44 w-44"></div>
+            <div className="object-cover !m-0 !p-0 bg-four object-top rounded-full h-14 w-14 border-2 group-hover:scale-105 group-hover:z-30 border-white  relative transition duration-500"></div>
           )}
         </div>
       ))}

diff --git a/components/Accordion.tsx b/components/Accordion.tsx
@@ -50,8 +50,11 @@ export function AccordionDemo() {
           </Accordion>
           <div className="py-12 my-2">
             <h6 className="py-3 text-xl md:text-4xl">Didn&apos;t find an answer?</h6>
-            <p className="py-2 mb-16">My team is just an email away and ready to answer your questions</p>
+            <p className="py-2 mb-16 text-base">My team is just an email away and ready to answer your questions</p>
           <AnimatedTooltipPreview />
+            <a href="/contact"
+             className="p-2 mt-12 rounded-lg text-sm px-3 bg-secondary text-primary"
+            > Contact team </a>
           </div>
         </div>
       </div>