Fix some typos and styles

jsvaldezv · Jul 8, 2024 · 76b7e7a · 76b7e7a
1 parent ee87186
commit 76b7e7a
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/app/projects/page.jsx b/app/projects/page.jsx
@@ -34,7 +34,7 @@ const Projects = () => {
                                     onClick={() => setCategory(category)}
                                     value={category}
                                     key={index}
-                                    className="capitalize w-[162px] md:w-auto"
+                                    className="capitalize w-[162px] md:w-auto md:text-xs xl:text-lg"
                                 >
                                     {category}
                                 </TabsTrigger>

diff --git a/components/About.jsx b/components/About.jsx
@@ -2,13 +2,9 @@ import DevImg from "./Devlmg";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 // import Image from "next/image";
 
-import { User2, AudioWaveform, Lightbulb, GraduationCap } from "lucide-react";
+import { User2, AudioWaveform, Lightbulb, GraduationCap, Disc3 } from "lucide-react";
 
 const infoData = [
-    {
-        icon: <User2 size={20} />,
-        text: "Jesús Valdez",
-    },
     {
         icon: <AudioWaveform size={20} />,
         text: "Specialized in Audio Plug-ins",
@@ -21,6 +17,10 @@ const infoData = [
         icon: <Lightbulb size={20} />,
         text: "Freelance and Entrepreneur",
     },
+    {
+        icon: <Disc3 size={20} />,
+        text: "Dj & Producer",
+    },
 ];
 
 const qualificationData = [
@@ -120,7 +120,7 @@ const About = () => {
     };
 
     return (
-        <section className="xl:h-[860px] pb-12 xl:py-24">
+        <section className="xl:h-[860px] pb-12 xl:py-24 mt-[6rem] mb-[6rem]">
             <div className="container mx-auto">
                 <h2 className="section-title mb-8 xl:mb-16 text-center mx-auto">
                     About me
@@ -163,7 +163,7 @@ const About = () => {
                                     <div className="text-center xl:text-left">
                                         <h3 className="h3 mb-4">
                                             Creating innovative audio
-                                            applicatins to elevate sound
+                                            applications to elevate sound
                                             production and design.
                                         </h3>
                                         <p className="subtitle max-w-xl max-auto xl:mx-0">

diff --git a/components/Hero.jsx b/components/Hero.jsx
@@ -68,15 +68,15 @@ const Hero = () => {
                             endCountText="k"
                             badgeText="Happy Clients"
                         /> */}
-                        <div className="bg-hero_shape2_dark dark:bg-hero_shape2_dark w-[500px] h-[500px] bg-no-repeat absolute -top-1 -right-2"></div>
+                        <div className="bg-hero_shape2_dark dark:bg-hero_shape2_dark dark:invert w-[500px] h-[500px] bg-no-repeat absolute -top-1 -right-2"></div>
                         <DevImg
                             containerStyles="bg-hero_shape w-[462px] h-[462px] bg-no-repeat relative bg-bottom [clip-path:circle()]"
                             imgSrc="/hero/developer.png"
                         />
                     </div>
                 </div>
                 {/* Icon */}
-                <div className="hidden md:flex absolute left-2/4 bottom-44 xl:bottom-12 animate-bounce">
+                <div className="md:flex absolute left-2/4 bottom-44 xl:bottom-12 animate-bounce">
                     <RiArrowDownSLine className="text-3xl text-primary" />
                 </div>
             </div>

diff --git a/components/Work.jsx b/components/Work.jsx
@@ -52,7 +52,7 @@ const projectData = [
 const Work = () => {
     return (
         <section className="relative mb-12 xl:mb-48">
-            <div className="container nx-auto">
+            <div className="container mx-auto">
                 {/* Text */}
                 <div className="max-w-[400px] mx-auto xl:mx-0 text-center xl:text-left mb-12 xl:h-[400px] flex flex-col justify-center items-center xl:items-start">
                     <h2 className="section-title mb-4">Latest Projects</h2>
@@ -62,7 +62,7 @@ const Work = () => {
                     </Link>
                 </div>
                 {/* slider */}
-                <div className="xl:max-w-[1000px] xl:absolute right-0 top-0">
+                <div className="xl:max-w-[1000px] xl:absolute right-0 top-0 xl:mr-8">
                     <Swiper
                         className="h-[480px]"
                         slidesPerView={1}