Added content name and added new icons

src/components/Alert.jsx

@@ -15,8 +15,8 @@ export default function ResponsiveDialog({ isOpen, handleClick }) {
                 <DialogTitle id="responsive-dialog-title">ইনফরমেটিভ কোডিং মোবাইল এপপ্স</DialogTitle>
                 <DialogContent>
                     <DialogContentText>
-                        আমাদের ইনফরমেটিভ কোডিং মোবাইল এপপ্স এখনো ডেভেলপমেন্ট চলছে। আশা করা যায়
-                        শিগ্রই চলে আসবে। ধন্যবাদ।
+                        ইনফরমেটিভ কোডিং এর মোবাইল এপপ্স এখনো ডেভেলপমেন্ট চলছে। আশা করা যায় আইওএস এবং
+                        এন্ড্রোইড এর জন্য খুব শিগ্রই চলে আসবে। ধন্যবাদ।
                     </DialogContentText>
                 </DialogContent>
                 <DialogActions>

src/components/Explore.jsx

@@ -34,14 +34,14 @@ const exploreList = [
     {
         name: 'ডাটা স্ট্রাকচার',
         icon: <DataUsageIcon style={styleObj} />,
-        url: '/data-structures',
+        url: '/data-structure',
         description:
             'জাভাস্ক্রিপ্ট দ্বারা ডাটা স্ট্রাকচার শিখুন এবং এর প্রয়োজনীয়তা সম্পর্কে জানুন। ডাটা স্ট্রাকচার এর প্রাথমিক পর্যায় থেকে শুরু করে বিস্তারিত আলোচনা করা হয়েছে।',
     },
     {
         name: 'অ্যালগরিদম',
         icon: <ShowChartIcon style={styleObj} />,
-        url: '/algorithms',
+        url: '/algorithm',
         description:
             'জাভাস্ক্রিপ্ট দ্বারা অ্যালগরিদম শিখুন এবং এর প্রয়োজনীয়তা সম্পর্কে জানুন। অ্যালগরিদম এর প্রাথমিক পর্যায় থেকে শুরু করে বিস্তারিত আলোচনা করা হয়েছে।',
     },

src/components/Footer/Footer.jsx

@@ -4,7 +4,7 @@
  * Title: WEB FOOTTER
  * Description: Web footer section
  * * */
-import { Container, Divider, Grid, Typography, useMediaQuery } from '@material-ui/core';
+import { Box, Container, Divider, Grid, Typography, useMediaQuery } from '@material-ui/core';
 import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
 import TrendingFlatIcon from '@material-ui/icons/TrendingFlat';
 import SocialLinks from '../SocialLinks';
@@ -20,20 +20,20 @@ const languages = [
         url: '/javascript',
     },
     {
-        name: 'পাইথন',
-        url: '/python',
+        name: 'টাইপস্ক্রিপট',
+        url: '/typescript',
     },
     {
-        name: 'সি',
-        url: '/c',
+        name: 'রিয়েক্ট জেএস',
+        url: '/reactjs',
     },
     {
-        name: 'সি++',
-        url: '/c',
+        name: 'রিয়েক্ট নেটিভ',
+        url: '/react-native',
     },
     {
-        name: 'টাইপস্ক্রিপট',
-        url: '/typescript',
+        name: 'নোড জেএস',
+        url: '/nodejs',
     },
 ];
 const resources = [
@@ -134,12 +134,14 @@ function Footer() {
                         flexDirection: isMobile ? 'column-reverse' : 'row',
                     }}
                 >
-                    <Typography variant="h6">
-                        - ইনফরমেটিভ{' '}
-                        <Typography variant="span" color="textSecondary">
+                    <Box>
+                        <Typography variant="h6" display="inline">
+                            - ইনফরমেটিভ{' '}
+                        </Typography>
+                        <Typography variant="h6" display="inline" color="textSecondary">
                             কোডিং
                         </Typography>
-                    </Typography>
+                    </Box>
                     <SocialLinks links={links} />
                 </div>
             </Container>

src/components/Tutorials/Tutorials.jsx

@@ -8,59 +8,7 @@ import { Button, Grid, Grow, Typography } from '@material-ui/core';
 import { ExpandMore as MoreIcon } from '@material-ui/icons';
 import { useRouter } from 'next/router';
 import Card from './Card';
-
-const initDescription = (title) => ` প্রাথমিক পর্যায় থেকে বাংলায় সহজে ${title} শিখুন।`;
-
-const tutorialsData = [
-    {
-        title: 'জাভাস্ক্রিপ্ট',
-        description: initDescription('জাভাস্ক্রিপ্ট'),
-        url: '/javascript',
-        iconUrl: '/static/icons/js.png',
-    },
-    {
-        title: 'পাইথন',
-        description: initDescription('পাইথন'),
-        url: '/python',
-        iconUrl: '/static/icons/py.png',
-    },
-    {
-        title: 'সি',
-        description: initDescription('সি'),
-        url: '/c',
-        iconUrl: '/static/icons/c.png',
-    },
-    {
-        title: 'সি++',
-        description: initDescription('সি++'),
-        url: '/c++',
-        iconUrl: '/static/icons/c++.png',
-    },
-    {
-        title: 'জাভা',
-        description: initDescription('জাভা'),
-        url: '/java',
-        iconUrl: '/static/icons/java.png',
-    },
-    {
-        title: 'টাইপস্ক্রিপট',
-        description: initDescription('টাইপস্ক্রিপট'),
-        url: '/typescript',
-        iconUrl: '/static/icons/ts.png',
-    },
-    {
-        title: 'জাভা1',
-        description: initDescription('জাভা'),
-        url: '/java',
-        iconUrl: '/static/icons/java.png',
-    },
-    {
-        title: 'টাইপস্ক্রিপট1',
-        description: initDescription('টাইপস্ক্রিপট'),
-        url: '/typescript',
-        iconUrl: '/static/icons/ts.png',
-    },
-];
+import tutorialsData from './data.json';
 
 function Tutorials({ isLimited }) {
     const router = useRouter();

src/components/Tutorials/data.json

@@ -0,0 +1,52 @@
+[
+  {
+    "title": "জাভাস্ক্রিপ্ট",
+    "description": "প্রাথমিক পর্যায় থেকে বাংলায় সহজে জাভাস্ক্রিপ্ট শিখুন।",
+    "url": "/javascript",
+    "iconUrl": "/static/icons/js.png"
+  },
+  {
+    "title": "টাইপস্ক্রিপট",
+    "description": "জাভাস্ক্রিপ্টের জ্ঞান দিয়ে সহজে টাইপস্ক্রিপ্ট শিখুন।",
+    "url": "/typescript",
+    "iconUrl": "/static/icons/ts.png"
+  },
+  {
+    "title": "রিয়েক্ট  জেএস",
+    "description": "রিয়েক্ট জেএস শিখুন এবং রিয়েক্ট এর উপায়ে চিন্তা করুন।",
+    "url": "/reactjs",
+    "iconUrl": "/static/icons/react.png"
+  },
+  {
+    "title": "রিয়েক্ট নেটিভ",
+    "description": "রিয়েক্ট নেটিভ শিখে মোবাইল এপপ্স তৈরী করুন।",
+    "url": "/expressjs",
+    "iconUrl": "/static/icons/react-native.jpg"
+  },
+  {
+    "title": "নেক্সট জেএস",
+    "description": "আর নয় এসইও এর চিন্তা এবার নেক্সট জেএস শিখুন।",
+    "url": "/nextjs",
+    "iconUrl": "/static/icons/nextjs.svg"
+  },
+  {
+    "title": "নোড জেএস",
+    "description": "ব্যাক-এন্ড ডেভেলপমেন্টের জন্য সহজে নোড জেএস শিখুন।",
+    "url": "/nodejs",
+    "iconUrl": "/static/icons/nodejs1.png"
+  },
+
+  {
+    "title": "গিট এবং গিটহাব",
+    "description": "সহজে গিট এবং গিটহাব শিখে ভার্সন নিয়ন্ত্রণ করুন",
+    "url": "/git-github",
+    "iconUrl": "/static/icons/git.svg"
+  },
+
+  {
+    "title": "টার্মিনাল",
+    "description": "সহজে টার্মিনাল এর ব্যবহার শিখে কম সময়ে বেশি কাজ করুন।",
+    "url": "/terminal",
+    "iconUrl": "/static/icons/terminal.png"
+  }
+]