Merge branch 'release/1.0.0'

Author: mostafizurhimself

pofology/README.md

@@ -10,12 +10,9 @@ Demo live at: [https://pofology.bdlancers.com/](https://pofology.bdlancers.com/)
 
 - Built on Typescript, NextJS and Tailwindcss
 - Light & Dark theme support
-- Automatic detect theme from user device preference
 - Responsive in Any Device
 - Floating Menu on Mobile Devices
 - Integrated with React Icons
-- React 18.1+
-- Tailwindcss 3.x+
 - Easily Customizable
 - Reusable Components
 

pofology/package.json

@@ -1,6 +1,5 @@
 {
   "name": "next-latest",
-  "version": "0.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -18,6 +17,7 @@
     "react-icons": "^4.4.0",
     "react-scroll-to-top": "^3.0.0",
     "react-slick": "^0.29.0",
+    "react-typed": "^1.2.0",
     "slick-carousel": "^1.8.1"
   },
   "devDependencies": {

pofology/src/components/partials/HeroSection.tsx

@@ -4,17 +4,27 @@ import React from 'react';
 import { FiDribbble, FiFacebook, FiGithub, FiInstagram, FiTwitter } from 'react-icons/fi';
 import Button from '@/components/form/Button';
 import HeroBackground from './HeroBackground';
+import Typed from 'react-typed';
 
 const HeroSection = () => {
   return (
     <div className="hero relative -mt-16 flex items-center justify-center">
       <HeroBackground />
       <div className="flex flex-col items-center">
         <div className="overflow-hidden rounded-full">
-          <Image src="/images/avatar/man.png" width={150} height={150} alt="avatar" />
+          <Image src="/images/avatar/man.png" width={180} height={180} alt="avatar" />
         </div>
         <h1 className="mt-4 text-3xl font-bold ">Mostafizur Rahman</h1>
-        <div className="mt-2 flex gap-1">I'm a Fullstack Developer</div>
+        <div className="mt-2 flex gap-1">
+          {' '}
+          I'm a{' '}
+          <Typed
+            strings={['Fullstack Developer', 'UI/UX Designer', 'Mobile App Developer']}
+            typeSpeed={60}
+            backSpeed={30}
+            loop
+          />
+        </div>
         <div className="mt-4  flex gap-5">
           <Link href="https://www.instragram.com">
             <a className="text-gray-700 transition-colors duration-150 hover:text-primary-500">

pofology/tailwind.config.js

@@ -7,7 +7,7 @@ module.exports = {
     "./src/layouts/**/*.{js,ts,jsx,tsx}",
     "./src/components/**/*.{js,ts,jsx,tsx}",
   ],
-  darkMode: 'media',
+  darkMode: 'class', // or 'media'
   theme: {
     screens: {
       'xs': '475px',

pofology/yarn.lock

@@ -1742,7 +1742,7 @@ prettier@^2.7.1:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
   integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
 
-prop-types@^15.8.1:
+prop-types@^15.6.0, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -1800,6 +1800,14 @@ react-slick@^0.29.0:
     lodash.debounce "^4.0.8"
     resize-observer-polyfill "^1.5.0"
 
+react-typed@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/react-typed/-/react-typed-1.2.0.tgz#c5fb0bea4c972545c29fceb9c1d22495b6636b58"
+  integrity sha512-aDsaA6zkjAFJs8285APOqE85l/kwJ0/ZJmBhARwUrza4TTttrMM5FcMCGEDdThdfUdHo/0l9WXmxp1m2ik4qdw==
+  dependencies:
+    prop-types "^15.6.0"
+    typed.js "^2.0.6"
+
 react@18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
@@ -2110,6 +2118,11 @@ type-fest@^0.20.2:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
+typed.js@^2.0.6:
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/typed.js/-/typed.js-2.0.12.tgz#246aff074c8e18d32ec27acb7be15094ac0bc0e1"
+  integrity sha512-lyACZh1cu+vpfYY3DG/bvsGLXXbdoDDpWxmqta10IQUdMXisMXOEyl+jos+YT9uBbzK4QaKYBjT3R0kTJO0Slw==
+
 typescript@4.8.4:
   version "4.8.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.4.tgz#c464abca159669597be5f96b8943500b238e60e6"