New changes to subnets and SubnetComponents

package.json

@@ -21,16 +21,12 @@
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.8.1",
     "react-router-dom": "^6.22.3",
-    "swiper": "^11.0.7"
+    "swiper": "^11.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
     "@vitejs/plugin-react-swc": "^3.5.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react": "^7.34.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
     "vite": "^5.1.6"
   }
 }

src/components/HomePage/Subnets.jsx

@@ -1,20 +1,22 @@
 /* eslint-disable no-unused-vars */
 import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
-import { Container } from "@chakra-ui/react";
 import {
+  Container,
   List,
   ListItem,
   ListIcon,
   OrderedList,
   UnorderedList,
 } from "@chakra-ui/react";
-import Component1 from "../SubnetsComponent/Component1";
-import Component2 from "../SubnetsComponent/Component2";
 import cube from "../../assets/images/cube.png";
-import Component3 from "../SubnetsComponent/Component3";
-import Component4 from "../SubnetsComponent/Component4";
-import SubnetPage2 from "../SubnetsComponent/SubnetPage2";
 import { useEffect, useState } from "react";
+import {
+  Component1,
+  Component2,
+  Component3,
+  Component4,
+  SubnetPage2,
+} from "../SubnetsComponent";
 
 const SubnetContent = {
   heading: `decentralised Auto Syncing subnets`,

src/components/MobileComponent/MobileSubnet3.jsx

@@ -3,7 +3,7 @@ import stack from "../../assets/images/stacksmall.png";
 
 const MobileSubnet3 = () => {
   return (
-    <Box backgroundColor={"#000"} padding={"1.5rem"}>
+    <Box backgroundColor={"#000"} padding={"1.5rem"} paddingBottom={"4rem"}>
       {/* Subnet1 */}
       <Box>
         <Box

src/components/SubnetsComponent/Component1.jsx

@@ -8,9 +8,9 @@ import {
   OrderedList,
   UnorderedList,
 } from "@chakra-ui/react";
-import vector1 from "../../assets/images/Vector1.png";
+import vector1 from "../../assets/images/vector1.png";
 
-const Component1 = () => {
+export const Component1 = () => {
   return (
     <>
       <Box display={"flex"} position={"absolute"} top={"-70px"}>
@@ -69,5 +69,3 @@ const Component1 = () => {
     </>
   );
 };
-
-export default Component1;

src/components/SubnetsComponent/Component2.jsx

@@ -8,9 +8,9 @@ import {
   OrderedList,
   UnorderedList,
 } from "@chakra-ui/react";
-import vector2 from "../../assets/images/Vector2.png";
+import vector2 from "../../assets/images/vector2.png";
 
-const Component2 = () => {
+export const Component2 = () => {
   return (
     <>
       <Box display={"flex"} position={"absolute"} top={"-70px"}>
@@ -53,5 +53,3 @@ const Component2 = () => {
     </>
   );
 };
-
-export default Component2;

src/components/SubnetsComponent/Component3.jsx

@@ -8,9 +8,9 @@ import {
   OrderedList,
   UnorderedList,
 } from "@chakra-ui/react";
-import vector3 from "../../assets/images/Vector3.png";
+import vector3 from "../../assets/images/vector3.png";
 
-const Component3 = () => {
+export const Component3 = () => {
   return (
     <>
       <Box
@@ -69,5 +69,3 @@ const Component3 = () => {
     </>
   );
 };
-
-export default Component3;

src/components/SubnetsComponent/Component4.jsx

@@ -8,9 +8,9 @@ import {
   OrderedList,
   UnorderedList,
 } from "@chakra-ui/react";
-import vector4 from "../../assets/images/Vector4.png";
+import vector4 from "../../assets/images/vector4.png";
 
-const Component4 = () => {
+export const Component4 = () => {
   return (
     <>
       <Box
@@ -71,5 +71,3 @@ const Component4 = () => {
     </>
   );
 };
-
-export default Component4;

src/components/SubnetsComponent/SubnetPage2.jsx

@@ -4,9 +4,9 @@ import { Box, Container, Image, Text } from "@chakra-ui/react";
 import cube from "../../assets/images/cube.png";
 import { Fade, ScaleFade, Slide, SlideFade, Collapse } from "@chakra-ui/react";
 import { useEffect, useState } from "react";
-import SubnetPage3 from "./SubnetPage3";
+import { SubnetPage3 } from "./SubnetPage3";
 
-const SubnetPage2 = () => {
+export const SubnetPage2 = () => {
   const [showSubnet, setShowSubnet] = useState(1);
   // const [showSubnet3, setShowSubnet3] = useState(false);
   // const [showStickyPosition, setShowStickyPosition] = useState(false);
@@ -174,5 +174,3 @@ const SubnetPage2 = () => {
     </>
   );
 };
-
-export default SubnetPage2;

src/components/SubnetsComponent/SubnetPage3.jsx

@@ -2,11 +2,11 @@
 /* eslint-disable no-unused-vars */
 /* eslint-disable react/prop-types */
 import { Box, Container, Image, Text } from "@chakra-ui/react";
-import stack from "../../assets/images/stack.png";
+import stack from "../../assets/images/stackNew.webp";
 import { Fade, ScaleFade, Slide, SlideFade, Collapse } from "@chakra-ui/react";
 import { useEffect, useState } from "react";
 
-const SubnetPage3 = () => {
+export const SubnetPage3 = () => {
   const [showSubnet3, setShowSubnet3] = useState(false);
   const [stickyPosition, setStickyPosition] = useState(true);
 
@@ -194,5 +194,3 @@ const SubnetPage3 = () => {
     </>
   );
 };
-
-export default SubnetPage3;

src/components/SubnetsComponent/index.js

@@ -0,0 +1,7 @@
+export { Component1 } from './Component1'
+export { Component2 } from './Component2'
+export { Component3 } from './Component3'
+export { Component4 } from './Component4'
+export { NewSubnetComp } from './NewSubnetComp'
+export { SubnetPage2 } from './SubnetPage2'
+export { SubnetPage3 } from './SubnetPage3'