From 4c6fe52ba9e177c6b689bb4ff2ba8eb03fb80857 Mon Sep 17 00:00:00 2001
From: 071yoon <yeonggi@kakao.com>
Date: Mon, 29 Jan 2024 22:00:31 +0900
Subject: [PATCH] fix: setup 3d page with empty template

---
 src/app/3d/gsapOptions.ts |  2 ++
 src/app/3d/page.tsx       | 39 ++++-----------------------------------
 2 files changed, 6 insertions(+), 35 deletions(-)

diff --git a/src/app/3d/gsapOptions.ts b/src/app/3d/gsapOptions.ts
index 859d8d7..f1d676c 100644
--- a/src/app/3d/gsapOptions.ts
+++ b/src/app/3d/gsapOptions.ts
@@ -1,6 +1,8 @@
 import { easingOptions, gsapOptionsTypeObj } from "../../types/gsapOption";
 
 export const gsapOptions: gsapOptionsTypeObj[] = [
+  // example url
+  // https://codepen.io/GreenSock/pen/AWQprN
   {
     type: "xFrom",
     min: -100,
diff --git a/src/app/3d/page.tsx b/src/app/3d/page.tsx
index 94c1cba..a1e2324 100644
--- a/src/app/3d/page.tsx
+++ b/src/app/3d/page.tsx
@@ -71,7 +71,8 @@ export default function Block() {
 
   return (
     <PlaygroundContainer>
-      <OptionsContainer>
+      Still in Progress
+      {/* <OptionsContainer>
         <Button onClick={() => setCounter(counter + 1)}>replay</Button>
         {gsapOptions.map((item) => {
           if (item.componentType === "select") {
@@ -98,7 +99,7 @@ export default function Block() {
               />
             );
         })}
-      </OptionsContainer>
+      </OptionsContainer> */}
       <IPhoneX>
         <InsideIPhone
           setIsCode={setIsCode}
@@ -119,39 +120,7 @@ export default function Block() {
           <div
             style={{
               width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
+              height: "250px",
               backgroundColor: "#a9d3f3",
               borderRadius: "1rem",
             }}