Oasis Infobyte
@@ -32,7 +32,7 @@ function page() {
-
+
Courses Learning Certificates
diff --git a/src/app/_components/Projects/page.tsx b/src/app/_components/Projects/page.tsx
index 8cd60ed..809b0b5 100644
--- a/src/app/_components/Projects/page.tsx
+++ b/src/app/_components/Projects/page.tsx
@@ -1,66 +1,159 @@
-/* eslint-disable react/no-unescaped-entities */
-import React from 'react';
-import Image from 'next/image';
-import I1 from '../../../images/wavemaker.png'
-import I2 from '../../../images/skc.png'
-function page() {
+/* eslint-disable react-hooks/exhaustive-deps */
+"use client"
+import React, {
+ useCallback,
+ useRef,
+ useState,
+ Suspense,
+ useEffect,
+ } from "react";
+ import { Canvas, useFrame, useThree } from "@react-three/fiber";
+ import { OrbitControls, Preload, Image as ImageImpl } from "@react-three/drei";
+ import { a as aThree } from "@react-spring/three";
+ import * as THREE from "three";
+
+ const projects = [
+ {
+ title: "Singapore Limousine",
+ url: "https://singaporelimousine.com/",
+ image: "/singaporelimousine.png",
+ description: "A luxury limousine service in Singapore.",
+ },
+ {
+ title: "Glance Limousine",
+ url: "https://www.glancelimousine.com.sg/",
+ image: "/glancelimousine.png",
+ description: "A premier limousine service in Singapore.",
+ },
+ {
+ title: "Jasmine Global",
+ url: "https://www.jasmineglobal.net/",
+ image: "/jasmineglobal.png",
+ description: "A global logistics and freight forwarding company.",
+ },
+ {
+ title: "Elyff Events",
+ url: "https://www.elyffevents.com.sg/",
+ image: "/elyffevents.png",
+ description: "A full-service event management company.",
+ },
+ {
+ title: "Elyff Playground",
+ url: "https://elyffplayground.com.sg/",
+ image: "/elyffplayground.png",
+ description: "A fun and interactive playground for kids.",
+ },
+ ];
+
+ const damp = THREE.MathUtils.damp;
+
+ function Image({ c = new THREE.Color(), ...props }) {
+ const ref = useRef(null!);
+ const [hovered, hover] = useState(false);
+
+ useFrame((state, delta) => {
+ ref.current.material.color.lerp(
+ c.set(hovered ? "white" : "#ccc"),
+ hovered ? 0.4 : 0.05
+ );
+ });
+
return (
-
-
-
Projects
-
Wavemaker
-
- Wavemaker is ERC20 Token Create and Modify the Token Details.ERC20 -
- OpenZeppelin is provide the access to create the ERC20 Smart
- Contract for Token Creation. One token is equal to Another Token
- Customer can Decide the Token Price for ETH Value.
-
-
- SKC Event Registration Application is used to other college's can
- apply their details and students participating Events details.In
- this Development i have learned Team Management, Event Management
- and Communication Skills.We are used to deploy the application for
- vercel Hosting services.
-
-
);
-}
+ };
-export default page
\ No newline at end of file
+ export default Page;
diff --git a/src/app/_components/Projects_old/page.tsx b/src/app/_components/Projects_old/page.tsx
new file mode 100644
index 0000000..8cd60ed
--- /dev/null
+++ b/src/app/_components/Projects_old/page.tsx
@@ -0,0 +1,66 @@
+/* eslint-disable react/no-unescaped-entities */
+import React from 'react';
+import Image from 'next/image';
+import I1 from '../../../images/wavemaker.png'
+import I2 from '../../../images/skc.png'
+function page() {
+ return (
+
+
+
Projects
+
Wavemaker
+
+ Wavemaker is ERC20 Token Create and Modify the Token Details.ERC20 -
+ OpenZeppelin is provide the access to create the ERC20 Smart
+ Contract for Token Creation. One token is equal to Another Token
+ Customer can Decide the Token Price for ETH Value.
+
+
+ SKC Event Registration Application is used to other college's can
+ apply their details and students participating Events details.In
+ this Development i have learned Team Management, Event Management
+ and Communication Skills.We are used to deploy the application for
+ vercel Hosting services.
+
+