first commit

jasurkhamzaev · Jun 20, 2024 · 5136e62 · 5136e62
1 parent e689283
commit 5136e62
Show file tree

Hide file tree

Showing 23 changed files with 105 additions and 112 deletions.
diff --git a/README.md b/README.md
@@ -41,3 +41,4 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
 "# jasurkhamzaev.github.io" 
 "# jasurkhamzaev.github.io" 
 "# jasurkhamzaev.github.io" 
+"# jasurdev.com"  
diff --git a/app/about/page.jsx b/app/about/page.jsx
diff --git a/app/blog/page.jsx b/app/blog/page.jsx
@@ -1,11 +1,11 @@
-
+import React from 'react'
 
 const Blog = () => {
-  return (
-    <div>
-      Blog
-    </div>
-  )
+    return (
+        <div>
+
+        </div>
+    )
 }
 
 export default Blog
diff --git a/app/channel/page.jsx b/app/channel/page.jsx
@@ -3,7 +3,7 @@ import React from 'react'
 const Channel = () => {
     return (
         <div>
-            Channel
+
         </div>
     )
 }

diff --git a/app/contact/page.jsx b/app/contact/page.jsx
@@ -1,17 +1,11 @@
 "use client";
 
 import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
-import { FaPhoneAlt, FaEnvelope, FaMapMarkedAlt } from "react-icons/fa";
+import { FaEnvelope, FaMapMarkedAlt } from "react-icons/fa";
 import { motion } from "framer-motion";
 
 const info = [
-  {
-    icon: <FaPhoneAlt />,
-    title: "Phone :",
-    description: "(+998) 88 146 46 48"
-  },
   {
     icon: <FaEnvelope />,
     title: "Email :",
@@ -43,17 +37,17 @@ const Contact = () => {
           {/* form */}
           <div className="flex-1 flex items-center xl:justify-end order-1 xl:order-none mb-8 xl:mb-0">
             <form className="flex flex-col gap-6 p-10 bg-[#27272c] rounded-xl">
-              <h3 className="text-4xl text-accent">Let`s Work Together</h3>
-              <p className="text-white/60">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur reprehenderit voluptatum iste, quaerat recusandae ab sunt? Ea dolores, iste optio saepe amet sint, harum deserunt mollitia quam error impedit perferendis perspiciatis dolorem temporibus. Voluptatem dolorum molestias aspernatur, itaque maiores consectetur nemo libero perferendis incidunt nisi. Deserunt voluptatum excepturi debitis labore, sit nostrum neque dignissimos, quis natus temporibus numquam nemo repellat!</p>
+              <h3 className="text-4xl text-accent">Contact I to work together</h3>
+              <p className="text-white text-center">Don't forget to fill out these sections!</p>
               {/* input */}
-              <div className="grid grid-cols-1 xl:grid-cols-2 gap-6">
+              <div className="rounded-md grid grid-cols-1 xl:grid-cols-2 gap-6  text-black">
                 <input type="First Name" placeholder="First Name" />
-                <input type="Last Name" placeholder="First Name" />
+                <input type="Last Name" placeholder="Last Name" />
                 <input type="Email" placeholder="Email Address" />
                 <input type="Phone" placeholder="Phone Number" />
               </div>
               <Textarea
-                className="h-[200px]"
+                className="h-[200px] text-black"
                 placeholder="Your Message Here."
               />
               <Button size="md" className="max-w-40 text-center">
@@ -66,11 +60,11 @@ const Contact = () => {
             <ul className="flex flex-col gap-10">
               {info.map((item, index) => {
                 return <li key={index} className="flex items-center gap-6">
-                  <div className="bg-[#27272c] rounded-md flex items-center justify-center w-[52px] h-[52px] xl:w-[72px] xl:h-[72px] text-accent">
+                  <div className="rounded-md flex items-center justify-center w-[52px] h-[52px] xl:w-[72px] xl:h-[72px] text-accent">
                     <div className="text-[28px]">{item.icon}</div>
                   </div>
                   <div className="flex-1">
-                    <p className="text-white/60">{item.title}</p>
+                    <p className="text-accent">{item.title}</p>
                     <h3 className="text-xl">{item.description}</h3>
                   </div>
                 </li>

diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.jsx b/app/layout.jsx
@@ -6,12 +6,12 @@ import StairTransition from "@/components/StairTransition";
 
 const montserrat = Montserrat({
   subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
   variable: "--font-Montserrat"
 });
 
 export const metadata = {
-  title: "Jasur - Developer Site",
+  title: "Jasur Khamzayev - Software Engineer",
   description: "Generated by Jasur Portfolio App",
 };
 

diff --git a/app/page.jsx b/app/page.jsx
@@ -4,6 +4,8 @@ import { FaReadme } from "react-icons/fa";
 import Socials from "@/components/Socials";
 import Photo from "@/components/Photo";
 import Stats from "@/components/Stats";
+import Footer from "@/components/Footer";
+
 
 const Home = () => {
   return (
@@ -13,26 +15,26 @@ const Home = () => {
           xl:pt-8 xl:pb-24">
           {/* text */}
           <div className="text-center xl:text-left order-2 xl:order-none">
-            <span className="text-xl">Software Developer</span>
+            <span className="text-xl">Software Engineer</span>
             <h1 className="h1">
               <span className="text-accent">Jasur Khamzayev</span>
             </h1>
-            <p className="max-w-[500px] mb-9 text-white/80">I came to this field through my parents and my interest. Currently, I am continuing this field at the Higher Education Institution. I am always trying to become a specialist in my field in the future.
+            <p className="max-w-[500px] mb-9 text-white/80">"In the digital age and we code the future where imagination meets innovation!"
             </p>
             {/* CV and social */}
             <div className="flex flex-col xl:flex-row items-center gap-8">
               <Button
                 variant="outline"
                 size="lg"
                 className="uppercase flex items-center gap-2">
-                <a href="/assets/CV.docx"><span>Download CV</span></a>
+                <a href="/assets/resume.pdf"><span>Download CV</span></a>
                 <FiDownload className="text-xl" />
               </Button>
               <Button
                 variant="outline"
                 size="lg"
                 className="uppercase flex items-center gap-2">
-                <a href="/blog"><span>Read Blog</span></a>
+                <a href="https://blog.jasurdev.com"><span>Read Blog</span></a>
                 <FaReadme className="text-xl" />
               </Button>
               <div className="mb-8 xl:mb-0">
@@ -48,7 +50,8 @@ const Home = () => {
           </div>
         </div>
       </div>
-      <Stats/>
+      <Stats />
+      <Footer/>
     </section>
   )
 }

diff --git a/app/resume/page.jsx b/app/resume/page.jsx
@@ -18,31 +18,27 @@ import {
 
 const about = {
     title: 'About Me',
-    description: "loremdahgdajdadad",
+    description: "As a Full Stack Developer at Jasur Dev Company, I develop and implement advanced caching mechanisms using technologies such as JavaScript, React.JS, TypeScript.JS, and Next.JS. I design and implement distributed technology systems, achieving scalability and high performance using architectural best practices. Currently, I am taking a bachelor's degree in Computer Engineering, IT - Service, InformationSecurity, Multimedia Technologies at Tashkent International University of Education, where I study software development, data structures, algorithms and databases.",
     info: [
         {
-            fieldName: "Name :",
+            fieldName: "Full Name :",
             fieldValue: "Jasur Khamzayev"
         },
-        {
-            fieldName: "Phone :",
-            fieldValue: "(+998) 88 146 46 48"
-        },
         {
             fieldName: "Experience :",
             fieldValue: "2+ Years"
         },
         {
-            fieldName: "Linkedin :",
+            fieldName: "Linkedin Page:",
             fieldValue: "Jasur Khamzayev"
         },
         {
             fieldName: "Email :",
             fieldValue: "[email protected]"
         },
         {
-            fieldName: "Xobby :",
-            fieldValue: "Computer Science"
+            fieldName: "Specialist :",
+            fieldValue: "Sofware Developer"
         },
         {
             fieldName: "Languages :",
@@ -54,65 +50,38 @@ const about = {
 const experience = {
     icon: '/assets/resume/badge.svg',
     title: 'My Experience',
-    description: "Loremsjdfjksdfskj",
     items: [
         {
-            company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
-            duration: "2024 - Present",
+            company: "Upwork Freelancer",
+            position: "Web Developer",
+            duration: "Until December 2022 ",
         },
         {
-            company: "Jasur Dev LLC",
+            company: "Zamin Mobile",
             position: "Full Stack Developer",
-            duration: "2024 - Present",
+            duration: "From June to early July 2023",
         },
         {
             company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
+            position: "Mobile Developer",
             duration: "2024 - Present",
         },
-        {
-            company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
-            duration: "2024 - Present",
-        },
-        {
-            company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
-            duration: "2024 - Present",
-        },
-        {
-            company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
-            duration: "2024 - Present",
-        },
-        {
-            company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
-            duration: "2024 - Present",
-        },
-        {
-            company: "Jasur Dev LLC",
-            position: "Full Stack Developer",
-            duration: "2024 - Present",
-        }
     ]
 };
 
 const education = {
     icon: '/assets/resume/badge.svg',
     title: 'My Education',
-    description: "Loremsjdfjksdfskj",
     items: [
         {
             institution: "346-school Tashkent, Uzbekitan",
             degree: "Student",
             duration: "2011 - 2022 ",
         },
         {
-            institution: "Tashkent International University Of Education",
-            degree: "Full Stack and Mobile Developer",
-            duration: "2023 - To the present day",
+            institution: "Tashkent International University of Education",
+            degree: "IT, Business and Education Management",
+            duration: "2022 - To the present day",
         },
         {
             institution: "Udemy Online Course Platform",
@@ -129,7 +98,7 @@ const education = {
 
 const skills = {
     title: "My Skills",
-    description: "loremasdbasd",
+    description: "I work with a team of talented engineers to create web and mobile games that are engaging, interactive, and user-friendly. I use HTML, CSS, JavaScript, Node.js, Vue.js, Python, Python GUI, PHP, Bootstrap, Java, Kotlin, Dart, and Flutter to design, develop, and test various features and functionalities for our games.",
     skillList: [
         {
             icon: <FaHtml5 />,
@@ -165,7 +134,7 @@ const skills = {
         },
         {
             icon: <SiNextdotjs />,
-            name: "TAILWIND.CSS",
+            name: "NEXT.JS",
         },
         {
             icon: <SiTypescript />,
@@ -194,6 +163,7 @@ import {
 
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { motion } from 'framer-motion';
+import Footer from '@/components/Footer';
 
 const Resume = () => {
     return (
@@ -334,6 +304,7 @@ const Resume = () => {
                         </TabsContent>
                     </div>
                 </Tabs>
+                <Footer/>
             </div>
         </motion.div>
     )

diff --git a/app/work/page.jsx b/app/work/page.jsx
@@ -14,6 +14,7 @@ import {
 import Link from "next/link";
 import Image from "next/image";
 import WorkSliderBtns from "@/components/WorkSliderBtns";
+import Footer from "@/components/Footer";
 
 const projects = [
     {
@@ -72,7 +73,7 @@ const Work = () => {
                 opacity: 1,
                 transition: {
                     delay: 2.4,
-                    duration: 0.4,
+                    duration: 0.3,
                     ease: "easeIn"
                 },
             }}
@@ -160,6 +161,7 @@ const Work = () => {
                         </Swiper>
                     </div>
                 </div>
+                <Footer/>
             </div>
         </motion.section>
     );

diff --git a/components/Footer.jsx b/components/Footer.jsx
@@ -0,0 +1,11 @@
+const Footer = () => {
+    return (
+        <footer className="gap-6 py-20 mt-18">
+            <div className="container mx-auto flex flex-col items-center">
+                <p className="shadow-md mx-auto flex flex-col text-accent text-center">&copy; 2024 &bull; jasurdev.com</p>
+            </div>
+        </footer>
+    );
+};
+
+export default Footer;
diff --git a/components/Header.jsx b/components/Header.jsx
@@ -2,18 +2,19 @@ import Link from "next/link";
 import { Button } from "./ui/button";
 import Nav from "./Nav";
 import MobileNav from "./MobileNav";
+import logo from "../public/assets/logo.png"
+import Image from "next/image";
 
 
 const Header = () => {
     return (
         <header className="py-8 xl:py-12 text-white">
             <div className="container mx-auto flex justify-between items-center">
-                {/* logo */}
+                {/* logo */}  
                 <Link href="/">
-                    <h1 className="text-4xl font-semibold">
-                        Jasur <span className="text-accent"> Dev</span>
-                    </h1>
+                    <Image src={logo} alt="logo" />
                 </Link>
+
                 {/* nav */}
                 <div className="hidden xl:flex items-center gap-8">
                     <Nav />

diff --git a/components/MobileNav.jsx b/components/MobileNav.jsx
@@ -10,10 +10,6 @@ const links = [
         name: "Home",
         path: "/"
     },
-    {
-        name: "About",
-        path: "/about"
-    },
     {
         name: "Resume",
         path: "/resume"
@@ -23,11 +19,11 @@ const links = [
         path: "/work"
     }, {
         name: "Blog",
-        path: "/blog"
+        path: "https://blog.jasurdev.com"
     },
     {
         name: "Channel",
-        path: "/channel"
+        path: "https://t.me/jasurtechno"
     },
 ];