From 1ff06948c096d71196b84087367525b7d38980e5 Mon Sep 17 00:00:00 2001 From: "SK\\ssssk" Date: Fri, 28 Jun 2024 18:52:48 +0900 Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8,=20=ED=9A=8C?= =?UTF-8?q?=EC=9B=90=EA=B0=80=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 18 +++ package.json | 3 +- public/auth_brand_image.svg | 116 +++++++++++++++++ public/lottie/solitour-intro-image.json | 1 + public/solitour-intro-image.svg | 120 ++++++++++++++++++ src/app/auth/signin/page.tsx | 105 ++++++++++----- src/app/auth/signup/page.tsx | 90 +++++++++---- .../common/lottie/LottieComponent.tsx | 10 ++ 8 files changed, 406 insertions(+), 57 deletions(-) create mode 100644 public/auth_brand_image.svg create mode 100644 public/lottie/solitour-intro-image.json create mode 100644 public/solitour-intro-image.svg create mode 100644 src/components/common/lottie/LottieComponent.tsx diff --git a/package-lock.json b/package-lock.json index 245c4d1c..2e6a1876 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "@hookform/resolvers": "^3.6.0", "@types/uuid": "^10.0.0", "date-fns": "^3.6.0", + "lottie-react": "^2.4.0", "next": "14.2.3", "react": "^18", "react-date-range": "^2.0.1", @@ -3568,6 +3569,23 @@ "loose-envify": "cli.js" } }, + "node_modules/lottie-react": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.0.tgz", + "integrity": "sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==", + "dependencies": { + "lottie-web": "^5.10.2" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/lottie-web": { + "version": "5.12.2", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz", + "integrity": "sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==" + }, "node_modules/lru-cache": { "version": "10.2.2", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz", diff --git a/package.json b/package.json index 6c8bab4d..7e69bcd0 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "@hookform/resolvers": "^3.6.0", "@types/uuid": "^10.0.0", "date-fns": "^3.6.0", + "lottie-react": "^2.4.0", "next": "14.2.3", "react": "^18", "react-date-range": "^2.0.1", @@ -37,4 +38,4 @@ "tailwindcss": "^3.4.1", "typescript": "^5" } -} \ No newline at end of file +} diff --git a/public/auth_brand_image.svg b/public/auth_brand_image.svg new file mode 100644 index 00000000..fefa6693 --- /dev/null +++ b/public/auth_brand_image.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/lottie/solitour-intro-image.json b/public/lottie/solitour-intro-image.json new file mode 100644 index 00000000..c4a26b00 --- /dev/null +++ b/public/lottie/solitour-intro-image.json @@ -0,0 +1 @@ +{"nm":"Main Scene","ddd":0,"h":245,"w":275,"meta":{"g":"@lottiefiles/creator 1.16.0"},"layers":[{"ty":0,"nm":"Nested Scene 2","sr":1,"st":0,"op":60,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[162,61]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[162,61],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[162,70],"t":30},{"s":[162,61],"t":59}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"w":275,"h":245,"refId":"precomp_newScene_c5620e6c-31fc-4b59-b29d-fa67fa3b31a4","ind":1},{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[],"ind":2},{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[],"ind":3}],"v":"5.7.0","fr":30,"op":60,"ip":0,"assets":[{"nm":"Nested Scene 1","id":"precomp_newScene_4bb1291a-530c-4e92-b937-76597835ae8d_5939fc70-a73c-41bc-93a2-1edb78214016","layers":[{"ty":4,"nm":"Group 36","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 36","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 134","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[1.5289999999999964,-0.9349999999999952],[0,0],[0,1.715999999999994],[0,0]],"o":[[0,0],[0,0],[0,2.1779999999999973],[0,0],[1.4410000000000025,-0.8470000000000013],[0,0],[0,0]],"v":[[113.497,53.772],[114.388,53.772],[114.388,55.587],[112.078,60.812],[111.352,59.954],[113.497,55.587],[113.497,53.772]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 135","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.3640000000000043,-0.7480000000000047],[0,0],[0,2.145000000000003],[0,0]],"o":[[0,0],[0,0],[0,1.6940000000000026],[0,0],[-1.539999999999992,-0.8800000000000026],[0,0],[0,0]],"v":[[113.706,53.772],[114.608,53.772],[114.608,55.51],[116.61,59.624],[115.928,60.537],[113.706,55.51],[113.706,53.772]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 136","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[118.986,52.859],[120.086,52.859],[120.086,62.913],[118.986,62.913],[118.986,52.859]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 137","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[117.556,56.841],[119.371,56.841],[119.371,57.776],[117.556,57.776],[117.556,56.841]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 138","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[116.786,53.046],[117.875,53.046],[117.875,62.429],[116.786,62.429],[116.786,53.046]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 139","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[121.625,60.79],[130.733,60.79],[130.733,61.736],[121.625,61.736],[121.625,60.79]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 140","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[125.585,58.744],[126.729,58.744],[126.729,61.175],[125.585,61.175],[125.585,58.744]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 141","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[122.692,53.563],[129.644,53.563],[129.644,56.742],[123.858,56.742],[123.858,58.612],[122.714,58.612],[122.714,55.829],[128.5,55.829],[128.5,54.487],[122.692,54.487],[122.692,53.563]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 142","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[122.714,58.139],[129.875,58.139],[129.875,59.074],[122.714,59.074],[122.714,58.139]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 143","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[131.733,57.864],[140.841,57.864],[140.841,58.788],[131.733,58.788],[131.733,57.864]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 144","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[135.781,58.458],[136.947,58.458],[136.947,60.691],[135.781,60.691],[135.781,58.458]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 145","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[132.855,61.769],[139.84,61.769],[139.84,62.715],[132.855,62.715],[132.855,61.769]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 146","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[132.855,59.745],[134.01,59.745],[134.01,62.022],[132.855,62.022],[132.855,59.745]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 147","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.2650000000000006],[2.144999999999982,0],[0,1.2539999999999978],[-2.1450000000000102,0]],"o":[[2.144999999999982,0],[0,1.2539999999999978],[-2.1450000000000102,0],[0,-1.2650000000000006],[0,0]],"v":[[136.276,53.079],[139.84,55.136],[136.276,57.182],[132.712,55.136],[136.276,53.079]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 148","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-0.7150000000000034],[-1.4080000000000155,0],[0,0.7040000000000006],[1.4189999999999827,0]],"o":[[-1.4080000000000155,0],[0,0.7040000000000006],[1.4189999999999827,0],[0,-0.7150000000000034],[0,0]],"v":[[136.276,54.003],[133.944,55.136],[136.276,56.247],[138.608,55.136],[136.276,54.003]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 149","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[151.814,56.775],[153.629,56.775],[153.629,57.732],[151.814,57.732],[151.814,56.775]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 150","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[150.967,52.848],[152.122,52.848],[152.122,62.902],[150.967,62.902],[150.967,52.848]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 151","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[144.686,53.827],[145.83,53.827],[145.83,60.064],[144.686,60.064],[144.686,53.827]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 152","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-1.6389999999999816,0.3299999999999983],[0,0],[1.507000000000005,0],[0,0],[0,0]],"o":[[0,0],[1.4629999999999939,0],[0,0],[-1.6939999999999884,0.35199999999999676],[0,0],[0,0],[0,0]],"v":[[144.686,59.437],[145.511,59.437],[150.153,59.008],[150.285,59.954],[145.511,60.405],[144.686,60.405],[144.686,59.437]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 153","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[154.442,57.457],[163.55,57.457],[163.55,58.315],[154.442,58.315],[154.442,57.457]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 154","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[155.498,58.986],[162.439,58.986],[162.439,61.241],[156.664,61.241],[156.664,62.275],[155.52,62.275],[155.52,60.482],[161.306,60.482],[161.306,59.789],[155.498,59.789],[155.498,58.986]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 155","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[155.52,62],[162.747,62],[162.747,62.803],[155.52,62.803],[155.52,62]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 156","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[155.586,53.101],[162.406,53.101],[162.406,55.312],[156.741,55.312],[156.741,56.28],[155.597,56.28],[155.597,54.564],[161.273,54.564],[161.273,53.893],[155.586,53.893],[155.586,53.101]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 157","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[155.597,56.027],[162.593,56.027],[162.593,56.83],[155.597,56.83],[155.597,56.027]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 158","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[1.792999999999978,-0.5279999999999987],[0,0],[0,1.2100000000000009],[0,0]],"o":[[0,0],[0,0],[0,1.7049999999999983],[0,0],[1.5510000000000161,-0.4399999999999977],[0,0],[0,0]],"v":[[169.43,54.52],[170.365,54.52],[170.365,54.927],[167.538,58.601],[166.999,57.699],[169.43,54.927],[169.43,54.52]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 159","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.5400000000000205,-0.41800000000000637],[0,0],[0,1.6060000000000016],[0,0]],"o":[[0,0],[0,0],[0,1.110999999999997],[0,0],[-1.804000000000002,-0.5060000000000002],[0,0],[0,0]],"v":[[169.639,54.52],[170.585,54.52],[170.585,54.927],[172.972,57.523],[172.455,58.414],[169.639,54.927],[169.639,54.52]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 160","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[167.318,53.937],[172.697,53.937],[172.697,54.85],[167.318,54.85],[167.318,53.937]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 161","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[169.43,52.815],[170.585,52.815],[170.585,54.344],[169.43,54.344],[169.43,52.815]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 162","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[173.731,52.859],[174.886,52.859],[174.886,58.645],[173.731,58.645],[173.731,52.859]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 163","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[174.567,55.235],[176.305,55.235],[176.305,56.192],[174.567,56.192],[174.567,55.235]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 164","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[2.1670000000000016,-0.3300000000000054],[0,0],[0,1.0120000000000005],[0,0]],"o":[[0,0],[0,0],[0,1.5730000000000004],[0,0],[1.891999999999996,-0.2640000000000029],[0,0],[0,0]],"v":[[171.102,59.514],[172.081,59.514],[172.081,59.767],[168.407,62.88],[167.978,62],[171.102,59.767],[171.102,59.514]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 165","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.8590000000000089,-0.2750000000000057],[0,0],[0,1.5399999999999991],[0,0]],"o":[[0,0],[0,0],[0,0.9899999999999949],[0,0],[-2.1670000000000016,-0.3189999999999955],[0,0],[0,0]],"v":[[171.344,59.514],[172.323,59.514],[172.323,59.767],[175.436,62.011],[175.018,62.891],[171.344,59.767],[171.344,59.514]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 166","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[168.385,59.14],[175.04,59.14],[175.04,60.053],[168.385,60.053],[168.385,59.14]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 167","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[178.339,55.741],[185.225,55.741],[185.225,56.665],[178.339,56.665],[178.339,55.741]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 168","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[177.151,57.875],[186.259,57.875],[186.259,58.81],[177.151,58.81],[177.151,57.875]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 169","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[178.339,53.222],[179.483,53.222],[179.483,56.203],[178.339,56.203],[178.339,53.222]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 170","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[178.262,61.747],[185.28,61.747],[185.28,62.682],[178.262,62.682],[178.262,61.747]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 171","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[178.262,59.723],[179.406,59.723],[179.406,62],[178.262,62],[178.262,59.723]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 172","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[194.262,55.015],[197.166,55.015],[197.166,55.95],[194.262,55.95],[194.262,55.015]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 173","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[194.262,58.172],[197.166,58.172],[197.166,59.107],[194.262,59.107],[194.262,58.172]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 174","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-2.1670000000000016],[1.4850000000000136,0],[0,2.1670000000000016],[-1.4849999999999852,0]],"o":[[1.4850000000000136,0],[0,2.1670000000000016],[-1.4849999999999852,0],[0,-2.1670000000000016],[0,0]],"v":[[192.458,53.596],[194.999,57.138],[192.458,60.691],[189.917,57.138],[192.458,53.596]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 175","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.5619999999999976],[-0.8580000000000041,0],[0,1.5730000000000004],[0.8689999999999998,0]],"o":[[-0.8580000000000041,0],[0,1.5730000000000004],[0.8689999999999998,0],[0,-1.5619999999999976],[0,0]],"v":[[192.458,54.641],[191.006,57.138],[192.458,59.657],[193.91,57.138],[192.458,54.641]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 176","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[196.946,52.848],[198.09,52.848],[198.09,62.924],[196.946,62.924],[196.946,52.848]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 177","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[207.285,52.859],[208.374,52.859],[208.374,59.195],[207.285,59.195],[207.285,52.859]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 178","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[205.822,55.477],[207.593,55.477],[207.593,56.423],[205.822,56.423],[205.822,55.477]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 179","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[205.162,53.057],[206.24,53.057],[206.24,58.843],[205.162,58.843],[205.162,53.057]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 180","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[199.816,53.981],[204.81,53.981],[204.81,54.883],[199.816,54.883],[199.816,53.981]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 181","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.033999999999999],[1.2649999999999864,0],[0,1.0450000000000017],[-1.254000000000019,0]],"o":[[1.2649999999999864,0],[0,1.0450000000000017],[-1.254000000000019,0],[0,-1.033999999999999],[0,0]],"v":[[202.324,55.312],[204.48,57.05],[202.324,58.788],[200.168,57.05],[202.324,55.312]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 182","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-0.5499999999999972],[-0.6710000000000207,0],[0,0.5609999999999999],[0.6709999999999923,0]],"o":[[-0.6710000000000207,0],[0,0.5609999999999999],[0.6709999999999923,0],[0,-0.5499999999999972],[0,0]],"v":[[202.324,56.159],[201.202,57.05],[202.324,57.952],[203.446,57.05],[202.324,56.159]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 183","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[201.752,52.947],[202.885,52.947],[202.885,54.553],[201.752,54.553],[201.752,52.947]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 184","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.1439999999999984],[2.1229999999999905,0],[0,1.1330000000000027],[-2.1229999999999905,0]],"o":[[2.1229999999999905,0],[0,1.1330000000000027],[-2.1229999999999905,0],[0,-1.1439999999999984],[0,0]],"v":[[205.03,59.338],[208.429,61.12],[205.03,62.902],[201.631,61.12],[205.03,59.338]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 185","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-0.6049999999999969],[-1.4519999999999982,0],[0,0.5940000000000012],[1.4410000000000025,0]],"o":[[-1.4519999999999982,0],[0,0.5940000000000012],[1.4410000000000025,0],[0,-0.6049999999999969],[0,0]],"v":[[205.03,60.207],[202.775,61.12],[205.03,62.033],[207.274,61.12],[205.03,60.207]]}}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer 8","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[162,61]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[162,61]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 37","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 186","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-14.8966],[-14.897000000000006,0],[0,0],[0,0],[-0.28899999999998727,1.7348999999999961],[0,0],[0,0],[0,14.896500000000003],[14.89700000000002,0],[0,0]],"o":[[-14.897000000000006,0],[0,14.896500000000003],[0,0],[0,0],[1.0560000000000116,1.4065999999999974],[0,0],[0,0],[14.89700000000002,0],[0,-14.8966],[0,0],[0,0]],"v":[[119.973,30],[93,56.9726],[119.973,83.9451],[162.75,83.9451],[168.196,91.1996],[171.768,90.3279],[172.833,83.9451],[203.027,83.9451],[230,56.9726],[203.027,30],[119.973,30]]}}},{"ty":"gf","bm":0,"hd":false,"nm":"Fill","e":{"a":0,"k":[274.847,92.2641]},"g":{"p":2,"k":{"a":0,"k":[0,0.6627450980392157,0.8980392156862745,0.8235294117647058,1,0,0.7058823529411765,0.5333333333333333]}},"t":1,"a":{"a":0,"k":0},"h":{"a":0,"k":0},"s":{"a":0,"k":[67.5,8.5]},"r":2,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}]},{"nm":"Nested Scene 2","id":"precomp_newScene_c5620e6c-31fc-4b59-b29d-fa67fa3b31a4","layers":[{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[53.5,6]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[163.5,56.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[1.668,-1.0200000000000014],[0,0],[0,1.8720000000000008],[0,0]],"o":[[0,0],[0,0],[0,2.3760000000000003],[0,0],[1.572,-0.9240000000000004],[0,0],[0,0]],"v":[[2.724,2.024],[3.696,2.024],[3.696,4.004],[1.176,9.704],[0.384,8.768],[2.724,4.004],[2.724,2.024]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.4880000000000004,-0.8159999999999998],[0,0],[0,2.34],[0,0]],"o":[[0,0],[0,0],[0,1.8479999999999999],[0,0],[-1.6800000000000002,-0.9599999999999991],[0,0],[0,0]],"v":[[2.952,2.024],[3.936,2.024],[3.936,3.92],[6.12,8.408],[5.376,9.404],[2.952,3.92],[2.952,2.024]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 3","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[8.712,1.028],[9.912,1.028],[9.912,11.996],[8.712,11.996],[8.712,1.028]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 4","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[7.152,5.372],[9.132,5.372],[9.132,6.392],[7.152,6.392],[7.152,5.372]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 5","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[6.312,1.232],[7.5,1.232],[7.5,11.468],[6.312,11.468],[6.312,1.232]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 6","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[11.5911,9.68],[21.5271,9.68],[21.5271,10.712],[11.5911,10.712],[11.5911,9.68]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 7","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[15.9111,7.448],[17.1591,7.448],[17.1591,10.1],[15.9111,10.1],[15.9111,7.448]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 8","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[12.7551,1.796],[20.3391,1.796],[20.3391,5.264],[14.0271,5.264],[14.0271,7.304],[12.7791,7.304],[12.7791,4.268],[19.0911,4.268],[19.0911,2.804],[12.7551,2.804],[12.7551,1.796]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 9","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[12.7791,6.788],[20.5911,6.788],[20.5911,7.808],[12.7791,7.808],[12.7791,6.788]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 10","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[22.6181,6.488],[32.5541,6.488],[32.5541,7.496],[22.6181,7.496],[22.6181,6.488]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 11","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[27.0341,7.136],[28.3061,7.136],[28.3061,9.572],[27.0341,9.572],[27.0341,7.136]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 12","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[23.8421,10.748],[31.4621,10.748],[31.4621,11.78],[23.8421,11.78],[23.8421,10.748]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 13","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[23.8421,8.54],[25.1021,8.54],[25.1021,11.024],[23.8421,11.024],[23.8421,8.54]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 14","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.38],[2.34,0],[0,1.3679999999999999],[-2.34,0]],"o":[[2.34,0],[0,1.3679999999999999],[-2.34,0],[0,-1.38],[0,0]],"v":[[27.5741,1.268],[31.4621,3.512],[27.5741,5.744],[23.6861,3.512],[27.5741,1.268]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 15","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-0.7799999999999998],[-1.5360000000000014,0],[0,0.7680000000000002],[1.5479999999999983,0]],"o":[[-1.5360000000000014,0],[0,0.7680000000000002],[1.5479999999999983,0],[0,-0.7799999999999998],[0,0]],"v":[[27.5741,2.276],[25.0301,3.512],[27.5741,4.724],[30.1181,3.512],[27.5741,2.276]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 16","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[44.5245,5.3],[46.5045,5.3],[46.5045,6.344],[44.5245,6.344],[44.5245,5.3]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 17","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[43.6005,1.016],[44.8605,1.016],[44.8605,11.984],[43.6005,11.984],[43.6005,1.016]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 18","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[36.7485,2.084],[37.9965,2.084],[37.9965,8.888],[36.7485,8.888],[36.7485,2.084]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 19","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[-1.7879999999999967,0.3600000000000003],[0,0],[1.6439999999999984,0],[0,0],[0,0]],"o":[[0,0],[1.5960000000000036,0],[0,0],[-1.847999999999999,0.38399999999999856],[0,0],[0,0],[0,0]],"v":[[36.7485,8.204],[37.6485,8.204],[42.7125,7.736],[42.8565,8.768],[37.6485,9.26],[36.7485,9.26],[36.7485,8.204]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 20","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[47.3916,6.044],[57.3276,6.044],[57.3276,6.98],[47.3916,6.98],[47.3916,6.044]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 21","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[48.5436,7.712],[56.1156,7.712],[56.1156,10.172],[49.8156,10.172],[49.8156,11.3],[48.5676,11.3],[48.5676,9.344],[54.8796,9.344],[54.8796,8.588],[48.5436,8.588],[48.5436,7.712]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 22","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[48.5676,11],[56.4516,11],[56.4516,11.876],[48.5676,11.876],[48.5676,11]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 23","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[48.6396,1.292],[56.0796,1.292],[56.0796,3.704],[49.8996,3.704],[49.8996,4.76],[48.6516,4.76],[48.6516,2.888],[54.8436,2.888],[54.8436,2.156],[48.6396,2.156],[48.6396,1.292]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 24","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[48.6516,4.484],[56.2836,4.484],[56.2836,5.36],[48.6516,5.36],[48.6516,4.484]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 25","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[1.955999999999996,-0.5759999999999996],[0,0],[0,1.3200000000000003],[0,0]],"o":[[0,0],[0,0],[0,1.8600000000000003],[0,0],[1.6920000000000002,-0.47999999999999954],[0,0],[0,0]],"v":[[63.7419,2.84],[64.7619,2.84],[64.7619,3.284],[61.6779,7.292],[61.0899,6.308],[63.7419,3.284],[63.7419,2.84]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 26","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-1.6800000000000068,-0.4559999999999995],[0,0],[0,1.7519999999999998],[0,0]],"o":[[0,0],[0,0],[0,1.2120000000000006],[0,0],[-1.9680000000000035,-0.5520000000000005],[0,0],[0,0]],"v":[[63.9699,2.84],[65.0019,2.84],[65.0019,3.284],[67.6059,6.116],[67.0419,7.088],[63.9699,3.284],[63.9699,2.84]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 27","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[61.4379,2.204],[67.3059,2.204],[67.3059,3.2],[61.4379,3.2],[61.4379,2.204]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 28","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[63.7419,0.98],[65.0019,0.98],[65.0019,2.648],[63.7419,2.648],[63.7419,0.98]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 29","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[68.4339,1.028],[69.6939,1.028],[69.6939,7.34],[68.4339,7.34],[68.4339,1.028]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 30","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[69.3459,3.62],[71.2419,3.62],[71.2419,4.664],[69.3459,4.664],[69.3459,3.62]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 31","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[2.3640000000000043,-0.3600000000000012],[0,0],[0,1.1039999999999992],[0,0]],"o":[[0,0],[0,0],[0,1.7159999999999993],[0,0],[2.064000000000007,-0.28800000000000026],[0,0],[0,0]],"v":[[65.5659,8.288],[66.6339,8.288],[66.6339,8.564],[62.6259,11.96],[62.1579,11],[65.5659,8.564],[65.5659,8.288]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 32","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[-2.0279999999999916,-0.3000000000000007],[0,0],[0,1.6799999999999997],[0,0]],"o":[[0,0],[0,0],[0,1.08],[0,0],[-2.3640000000000043,-0.347999999999999],[0,0],[0,0]],"v":[[65.8299,8.288],[66.8979,8.288],[66.8979,8.564],[70.2939,11.012],[69.8379,11.972],[65.8299,8.564],[65.8299,8.288]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 33","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[62.6019,7.88],[69.8619,7.88],[69.8619,8.876],[62.6019,8.876],[62.6019,7.88]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 34","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[73.461,4.172],[80.973,4.172],[80.973,5.18],[73.461,5.18],[73.461,4.172]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 35","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[72.165,6.5],[82.101,6.5],[82.101,7.52],[72.165,7.52],[72.165,6.5]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 36","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[73.461,1.424],[74.709,1.424],[74.709,4.676],[73.461,4.676],[73.461,1.424]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 37","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[73.377,10.724],[81.033,10.724],[81.033,11.744],[73.377,11.744],[73.377,10.724]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 38","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[73.377,8.516],[74.625,8.516],[74.625,11],[73.377,11],[73.377,8.516]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 39","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[90.8314,3.38],[93.9994,3.38],[93.9994,4.4],[90.8314,4.4],[90.8314,3.38]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 40","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[90.8314,6.824],[93.9994,6.824],[93.9994,7.844],[90.8314,7.844],[90.8314,6.824]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 41","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-2.364],[1.6200000000000045,0],[0,2.3640000000000008],[-1.6200000000000045,0]],"o":[[1.6200000000000045,0],[0,2.3640000000000008],[-1.6200000000000045,0],[0,-2.364],[0,0]],"v":[[88.8634,1.832],[91.6354,5.696],[88.8634,9.572],[86.0914,5.696],[88.8634,1.832]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 42","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.7039999999999997],[-0.9359999999999928,0],[0,1.7160000000000002],[0.9480000000000075,0]],"o":[[-0.9359999999999928,0],[0,1.7160000000000002],[0.9480000000000075,0],[0,-1.7039999999999997],[0,0]],"v":[[88.8634,2.972],[87.2794,5.696],[88.8634,8.444],[90.4474,5.696],[88.8634,2.972]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 43","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[93.7594,1.016],[95.0074,1.016],[95.0074,12.008],[93.7594,12.008],[93.7594,1.016]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 44","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[105.038,1.028],[106.226,1.028],[106.226,7.94],[105.038,7.94],[105.038,1.028]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 45","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[103.442,3.884],[105.374,3.884],[105.374,4.916],[103.442,4.916],[103.442,3.884]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 46","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[102.722,1.244],[103.898,1.244],[103.898,7.556],[102.722,7.556],[102.722,1.244]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 47","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[96.8904,2.252],[102.338,2.252],[102.338,3.236],[96.8904,3.236],[96.8904,2.252]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 48","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.1279999999999992],[1.3795999999999964,0],[0,1.1400000000000006],[-1.3680000000000092,0]],"o":[[1.3795999999999964,0],[0,1.1400000000000006],[-1.3680000000000092,0],[0,-1.1279999999999992],[0,0]],"v":[[99.6264,3.704],[101.978,5.6],[99.6264,7.496],[97.2744,5.6],[99.6264,3.704]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 49","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-0.5999999999999996],[-0.7319999999999993,0],[0,0.6120000000000001],[0.7316000000000003,0]],"o":[[-0.7319999999999993,0],[0,0.6120000000000001],[0.7316000000000003,0],[0,-0.5999999999999996],[0,0]],"v":[[99.6264,4.628],[98.4024,5.6],[99.6264,6.584],[100.85,5.6],[99.6264,4.628]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 50","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[99.0024,1.124],[100.238,1.124],[100.238,2.876],[99.0024,2.876],[99.0024,1.124]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 51","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-1.2479999999999993],[2.3160000000000025,0],[0,1.2360000000000007],[-2.3160000000000025,0]],"o":[[2.3160000000000025,0],[0,1.2360000000000007],[-2.3160000000000025,0],[0,-1.2479999999999993],[0,0]],"v":[[102.578,8.096],[106.286,10.04],[102.578,11.984],[98.8704,10.04],[102.578,8.096]]}}},{"ty":"sh","bm":0,"hd":false,"nm":"Path 52","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-0.6599999999999984],[-1.5840000000000032,0],[0,0.6480000000000015],[1.5720000000000027,0]],"o":[[-1.5840000000000032,0],[0,0.6480000000000015],[1.5720000000000027,0],[0,-0.6599999999999984],[0,0]],"v":[[102.578,9.044],[100.118,10.04],[102.578,11.036],[105.026,10.04],[102.578,9.044]]}}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[161.5,61.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[161.5,61.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 53","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-14.8966],[-14.897000000000006,0],[0,0],[0,0],[-0.28899999999998727,1.7348999999999961],[0,0],[0,0],[0,14.896500000000003],[14.89700000000002,0]],"o":[[-14.897000000000006,0],[0,14.896500000000003],[0,0],[0,0],[1.0560000000000116,1.4065999999999974],[0,0],[0,0],[14.89700000000002,0],[0,-14.8966],[0,0]],"v":[[119.97300000000001,30],[93,56.9726],[119.97300000000001,83.9451],[162.75,83.9451],[168.19600000000003,91.1996],[171.76800000000003,90.3279],[172.83299999999997,83.9451],[203.027,83.9451],[230,56.9726],[203.027,30]]}}},{"ty":"gf","bm":0,"hd":false,"nm":"Fill","e":{"a":0,"k":[274.847,92.2641]},"g":{"p":2,"k":{"a":0,"k":[0,0.6627450980392157,0.8980392156862745,0.8235294117647058,1,0,0.7058823529411765,0.5333333333333333]}},"t":1,"a":{"a":0,"k":0},"h":{"a":0,"k":0},"s":{"a":0,"k":[67.5,8.5]},"r":2,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[161.5,61.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[161.5,61.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}]}]} \ No newline at end of file diff --git a/public/solitour-intro-image.svg b/public/solitour-intro-image.svg new file mode 100644 index 00000000..763b20cf --- /dev/null +++ b/public/solitour-intro-image.svg @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/auth/signin/page.tsx b/src/app/auth/signin/page.tsx index 829a472f..27d5461f 100644 --- a/src/app/auth/signin/page.tsx +++ b/src/app/auth/signin/page.tsx @@ -1,3 +1,6 @@ + +import introLottie from "@/../public/lottie/solitour-intro-image.json"; +import LottieComponent from "@/components/common/lottie/LottieComponent"; import { Metadata } from "next"; import Image from "next/image"; import Link from "next/link"; @@ -9,42 +12,84 @@ export const metadata: Metadata = { export default function page() { return ( -
-
-

로그인

-

SNS로 솔리투어에 로그인하고 더 많은 서비스를 즐겨보세요!

- - + -
+ 구글로 로그인 + +
-
+
1초만의 빠른 회원가입 -
+
-

- 아직 계정이 없으신가요? 회원가입

-
+

+ 아직 계정이 없으신가요? + + 회원가입 + +

+
); diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx index 1f547501..65f41e1f 100644 --- a/src/app/auth/signup/page.tsx +++ b/src/app/auth/signup/page.tsx @@ -1,3 +1,5 @@ +import introLottie from "@/../public/lottie/solitour-intro-image.json"; +import LottieComponent from "@/components/common/lottie/LottieComponent"; import { Metadata } from "next"; import Image from "next/image"; import Link from "next/link"; @@ -9,34 +11,70 @@ export const metadata: Metadata = { export default function page() { return ( -
-
-

회원가입

-

1초 회원가입으로 입력없이 간편하게 솔리투어를 시작해보세요!

- - -

- 이미 계정이 있으신가요? 로그인

+ 카카오로 1초만에 시작하기{" "} + + +

+ 이미 계정이 있으신가요?{" "} + + {" "} + 로그인{" "} + {" "} +

); diff --git a/src/components/common/lottie/LottieComponent.tsx b/src/components/common/lottie/LottieComponent.tsx new file mode 100644 index 00000000..e6cba98e --- /dev/null +++ b/src/components/common/lottie/LottieComponent.tsx @@ -0,0 +1,10 @@ +"use client" +import Lottie from "lottie-react"; +const LottieComponent = (props: {lottieFile: any, className: string}) => { + return ( + <> + + + ); +}; +export default LottieComponent \ No newline at end of file