diff --git a/package-lock.json b/package-lock.json index e88c543..629f193 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,9 +8,13 @@ "name": "my-app", "version": "0.1.0", "dependencies": { + "@types/react-slick": "^0.23.13", "next": "14.2.3", "react": "^18", - "react-dom": "^18" + "react-dom": "^18", + "react-icons": "^5.2.1", + "react-slick": "^0.30.2", + "slick-carousel": "^1.8.1" }, "devDependencies": { "@types/node": "^20", @@ -460,14 +464,12 @@ "node_modules/@types/prop-types": { "version": "15.7.12", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", - "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==", - "dev": true + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==" }, "node_modules/@types/react": { "version": "18.3.2", "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.2.tgz", "integrity": "sha512-Btgg89dAnqD4vV7R3hlwOxgqobUQKgx3MmrQRi0yYbs/P0ym8XozIAlkqVilPqHQwXs4e9Tf63rrCgl58BcO4w==", - "dev": true, "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" @@ -482,6 +484,14 @@ "@types/react": "*" } }, + "node_modules/@types/react-slick": { + "version": "0.23.13", + "resolved": "https://registry.npmjs.org/@types/react-slick/-/react-slick-0.23.13.tgz", + "integrity": "sha512-bNZfDhe/L8t5OQzIyhrRhBr/61pfBcWaYJoq6UDqFtv5LMwfg4NsVDD2J8N01JqdAdxLjOt66OZEp6PX+dGs/A==", + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@typescript-eslint/parser": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.2.0.tgz", @@ -1082,6 +1092,11 @@ "node": ">= 6" } }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==" + }, "node_modules/client-only": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz", @@ -1149,8 +1164,7 @@ "node_modules/csstype": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", - "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", - "dev": true + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" }, "node_modules/damerau-levenshtein": { "version": "1.0.8", @@ -1336,6 +1350,11 @@ "node": ">=10.13.0" } }, + "node_modules/enquire.js": { + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz", + "integrity": "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw==" + }, "node_modules/es-abstract": { "version": "1.23.3", "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz", @@ -2858,6 +2877,12 @@ "jiti": "bin/jiti.js" } }, + "node_modules/jquery": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz", + "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", + "peer": true + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -2893,6 +2918,14 @@ "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", "dev": true }, + "node_modules/json2mq": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz", + "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==", + "dependencies": { + "string-convert": "^0.2.0" + } + }, "node_modules/json5": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", @@ -2990,6 +3023,11 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==" + }, "node_modules/lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", @@ -3718,12 +3756,36 @@ "react": "^18.3.1" } }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", "dev": true }, + "node_modules/react-slick": { + "version": "0.30.2", + "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.30.2.tgz", + "integrity": "sha512-XvQJi7mRHuiU3b9irsqS9SGIgftIfdV5/tNcURTb5LdIokRA5kIIx3l4rlq2XYHfxcSntXapoRg/GxaVOM1yfg==", + "dependencies": { + "classnames": "^2.2.5", + "enquire.js": "^2.1.6", + "json2mq": "^0.2.0", + "lodash.debounce": "^4.0.8", + "resize-observer-polyfill": "^1.5.0" + }, + "peerDependencies": { + "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -3790,6 +3852,11 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/resize-observer-polyfill": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", + "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==" + }, "node_modules/resolve": { "version": "1.22.8", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", @@ -4040,6 +4107,14 @@ "node": ">=8" } }, + "node_modules/slick-carousel": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz", + "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA==", + "peerDependencies": { + "jquery": ">=1.8.0" + } + }, "node_modules/source-map-js": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", @@ -4056,6 +4131,11 @@ "node": ">=10.0.0" } }, + "node_modules/string-convert": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz", + "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==" + }, "node_modules/string-width": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", diff --git a/package.json b/package.json index ee717b5..0f21949 100644 --- a/package.json +++ b/package.json @@ -9,18 +9,22 @@ "lint": "next lint" }, "dependencies": { + "@types/react-slick": "^0.23.13", + "next": "14.2.3", "react": "^18", "react-dom": "^18", - "next": "14.2.3" + "react-icons": "^5.2.1", + "react-slick": "^0.30.2", + "slick-carousel": "^1.8.1" }, "devDependencies": { - "typescript": "^5", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", + "eslint": "^8", + "eslint-config-next": "14.2.3", "postcss": "^8", "tailwindcss": "^3.4.1", - "eslint": "^8", - "eslint-config-next": "14.2.3" + "typescript": "^5" } } diff --git a/public/desktop.webp b/public/desktop.webp new file mode 100644 index 0000000..85fda17 Binary files /dev/null and b/public/desktop.webp differ diff --git a/public/desktop2.webp b/public/desktop2.webp new file mode 100644 index 0000000..388be94 Binary files /dev/null and b/public/desktop2.webp differ diff --git a/public/desktop3.webp b/public/desktop3.webp new file mode 100644 index 0000000..383d816 Binary files /dev/null and b/public/desktop3.webp differ diff --git a/public/desktop4.webp b/public/desktop4.webp new file mode 100644 index 0000000..16a3108 Binary files /dev/null and b/public/desktop4.webp differ diff --git a/public/elice_logo.png b/public/elice_logo.png new file mode 100644 index 0000000..2ebb729 Binary files /dev/null and b/public/elice_logo.png differ diff --git a/public/google.svg b/public/google.svg new file mode 100644 index 0000000..85d6dba --- /dev/null +++ b/public/google.svg @@ -0,0 +1,21 @@ + + + + Google-color + Created with Sketch. + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/kakao.png b/public/kakao.png new file mode 100644 index 0000000..69e1428 Binary files /dev/null and b/public/kakao.png differ diff --git a/public/landing.mp4 b/public/landing.mp4 new file mode 100644 index 0000000..782ffcb Binary files /dev/null and b/public/landing.mp4 differ diff --git a/public/lg_ensol.webp b/public/lg_ensol.webp new file mode 100644 index 0000000..ffe3459 Binary files /dev/null and b/public/lg_ensol.webp differ diff --git a/public/logo2.webp b/public/logo2.webp new file mode 100644 index 0000000..aea35ab Binary files /dev/null and b/public/logo2.webp differ diff --git a/public/logo3.webp b/public/logo3.webp new file mode 100644 index 0000000..d6333c5 Binary files /dev/null and b/public/logo3.webp differ diff --git a/public/logo4.webp b/public/logo4.webp new file mode 100644 index 0000000..5d41872 Binary files /dev/null and b/public/logo4.webp differ diff --git a/public/logo5.webp b/public/logo5.webp new file mode 100644 index 0000000..ec61b48 Binary files /dev/null and b/public/logo5.webp differ diff --git a/public/nc.webp b/public/nc.webp new file mode 100644 index 0000000..7a2041b Binary files /dev/null and b/public/nc.webp differ diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/posco.webp b/public/posco.webp new file mode 100644 index 0000000..08089e0 Binary files /dev/null and b/public/posco.webp differ diff --git a/public/samsung.webp b/public/samsung.webp new file mode 100644 index 0000000..fb09c58 Binary files /dev/null and b/public/samsung.webp differ diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index d2f8422..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/_componant/Aa.tsx b/src/app/_componant/Aa.tsx new file mode 100644 index 0000000..79b04b6 --- /dev/null +++ b/src/app/_componant/Aa.tsx @@ -0,0 +1,26 @@ +"use client"; +import samesung from "../../../public/samsung.webp"; +import posco from "../../../public/posco.webp"; +import lg from "../../../public/lg_ensol.webp"; +import nc from "../../../public/nc.webp"; +import Image from "next/image"; + +export default function Aa() { + return ( +
+
+ h + c + j + r + + h + c + j + r + h + c +
+
+ ); +} diff --git a/src/app/_componant/AutoSlide.tsx b/src/app/_componant/AutoSlide.tsx new file mode 100644 index 0000000..21588f6 --- /dev/null +++ b/src/app/_componant/AutoSlide.tsx @@ -0,0 +1,26 @@ +"use client"; +import samesung from "../../../public/samsung.webp"; +import posco from "../../../public/posco.webp"; +import lg from "../../../public/lg_ensol.webp"; +import nc from "../../../public/nc.webp"; +import Image from "next/image"; + +export default function AutoSlider() { + return ( +
+
+ h + c + j + r + + h + c + j + r + h + c +
+
+ ); +} diff --git a/src/app/_componant/Header.tsx b/src/app/_componant/Header.tsx new file mode 100644 index 0000000..58aaef5 --- /dev/null +++ b/src/app/_componant/Header.tsx @@ -0,0 +1,37 @@ +import Image from "next/image"; +import elice_logo from "../../../public/elice_logo.png"; +import HeaderButton from "./HeaderButton"; +import Link from "next/link"; +export default function Header() { + return ( +
+ logo + 제품 + 솔루션 + 리소스 + 엘리스 AI +
+ + + + +
+
+ ); +} diff --git a/src/app/_componant/HeaderButton.tsx b/src/app/_componant/HeaderButton.tsx new file mode 100644 index 0000000..5457223 --- /dev/null +++ b/src/app/_componant/HeaderButton.tsx @@ -0,0 +1,25 @@ +"use client"; +import { useState } from "react"; +import { FaAngleUp } from "react-icons/fa"; +import { FaAngleDown } from "react-icons/fa6"; + +export default function HeaderButton({ + children, +}: { + children: React.ReactNode; +}) { + const [click, setClick] = useState(false); + const clickbutton = () => { + setClick(!click); + }; + return ( + + ); +} diff --git a/src/app/accounts/signin/_componant/Inputarea.tsx b/src/app/accounts/signin/_componant/Inputarea.tsx new file mode 100644 index 0000000..978917c --- /dev/null +++ b/src/app/accounts/signin/_componant/Inputarea.tsx @@ -0,0 +1,23 @@ +"use client"; +import { useState } from "react"; +import { MdLockOutline } from "react-icons/md"; +import { MdOutlineEmail } from "react-icons/md"; + +export type inputElement = { + placeText: string; + typeText: string; +}; + +export default function Inputarea() { + const [isFocused, setIsFocused] = useState(false); + return ( +
+ + +
+ ); +} diff --git a/src/app/accounts/signin/_componant/LoginButton.tsx b/src/app/accounts/signin/_componant/LoginButton.tsx new file mode 100644 index 0000000..8d1a72e --- /dev/null +++ b/src/app/accounts/signin/_componant/LoginButton.tsx @@ -0,0 +1,7 @@ +export default function LoginButton() { + return ( + + ); +} diff --git a/src/app/accounts/signin/_componant/SocialLoginButton.tsx b/src/app/accounts/signin/_componant/SocialLoginButton.tsx new file mode 100644 index 0000000..187436b --- /dev/null +++ b/src/app/accounts/signin/_componant/SocialLoginButton.tsx @@ -0,0 +1,10 @@ +import kakao from "@/../public/kakao.png"; +import Image from "next/image"; +export default function SocialLoginButton() { + return ( + + ); +} diff --git a/src/app/accounts/signin/layout.tsx b/src/app/accounts/signin/layout.tsx new file mode 100644 index 0000000..ca535d8 --- /dev/null +++ b/src/app/accounts/signin/layout.tsx @@ -0,0 +1,15 @@ +import { ReactNode } from "react"; +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "@@@Elice Account", + description: "Generated by create next app", +}; + +export default async function signup({ children }: { children: ReactNode }) { + return ( + + {children} + + ); +} diff --git a/src/app/accounts/signin/page.tsx b/src/app/accounts/signin/page.tsx new file mode 100644 index 0000000..f0ec8e9 --- /dev/null +++ b/src/app/accounts/signin/page.tsx @@ -0,0 +1,49 @@ +import Image from "next/image"; +import { MdLockOutline } from "react-icons/md"; +import { MdOutlineEmail } from "react-icons/md"; +import logo from "../../../../public/elice_logo.png"; +import Inputarea from "./_componant/Inputarea"; +import Link from "next/link"; +import google from "@/../public/google.svg"; +import kakao from "@/../public/kakao.png"; + +export default function signin() { + return ( +
+
+
+ elice + + +
+ + 비밀번호를 잃어버리셨나요? + +
+ +
+
+
+

또는

+
+
+
+ + +

더보기

+
+
+
+ ); +} diff --git a/src/app/favicon.ico b/src/app/favicon.ico deleted file mode 100644 index 718d6fe..0000000 Binary files a/src/app/favicon.ico and /dev/null differ diff --git a/src/app/globals.css b/src/app/globals.css index e992600..d18b36c 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,33 +1,9 @@ @tailwind base; @tailwind components; @tailwind utilities; -/* -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; +@layer base { + .placeholder-small::placeholder { + @apply text-[13px]; } } - -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} - -@layer utilities { - .text-balance { - text-wrap: balance; - } -} */ diff --git a/src/app/icon.png b/src/app/icon.png new file mode 100644 index 0000000..a0d86e4 Binary files /dev/null and b/src/app/icon.png differ diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3314e47..2533862 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,11 +1,8 @@ import type { Metadata } from "next"; -import { Inter } from "next/font/google"; import "./globals.css"; -const inter = Inter({ subsets: ["latin"] }); - export const metadata: Metadata = { - title: "Create Next App", + title: "@@@엘리스 - 올인원 디지털 교육 플랫폼", description: "Generated by create next app", }; @@ -16,7 +13,7 @@ export default function RootLayout({ }>) { return ( - {children} + {children} ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index a56e4d0..04278ec 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,7 +1,185 @@ +import Image from "next/image"; +import Logo2 from "../../public/logo2.webp"; +import Logo3 from "../../public/logo3.webp"; +import Logo4 from "../../public/logo4.webp"; +import Logo5 from "../../public/logo5.webp"; +import AutoSlide from "./_componant/AutoSlide"; +import { FaChevronRight } from "react-icons/fa"; +import desktop from "../../public/desktop.webp"; +import desktop2 from "../../public/desktop2.webp"; +import desktop3 from "../../public/desktop3.webp"; +import desktop4 from "../../public/desktop4.webp"; +import Header from "./_componant/Header"; + export default function Home() { return ( -
- 메인 -
+
+
+ +
+

+ 디지털 전환을 위한 +

+

+ 올인원 솔루션 +

+

+ 엘리스에서는 교육, 평가, 데이터까지​ DX에 필요한 모든 솔루션을 + 제공합니다. +

+ +
+
+

+ 엘리스와 함께한 고객 +

+ +
+
+ desktop +
+
+ 학습 경험 플렛폼 +
+
+

학습의 몰입도를 높이는

+

올인원 교육 플랫폼

+
+
+

실습 위주의 학습 환경부터 효율적인 학생 관리 시스템까지,

+

+ 학습자와 관리자 모두가 만족하는 차별화 된 학습 플랫폼을 만나 + 보세요. +

+
+
+ logo2 +
+

엘리스LXP

+ +
+
+
+
+
+
+
+ 교육 콘텐츠 관리 +
+
+

1,000개 이상의 교육 콘텐츠로 구성하는

+

우리 회사 맞춤 DX 과정

+
+
+

+ 직무별 맞춤 교육부터 산업별 프로젝트 기반 교육, 데이터 분석 및 + AI/ML 모델링까지. +

+

+ 데이터 기반으로 끊임없이 진화하는 콘텐츠를 지금 바로 도입해 + 보세요. +

+
+
+ logo3 +
+

엘리스라이브러리

+ +
+
+
+ desktop2 +
+
+ desktop3 +
+
+ 디지털 역량 평가 +
+
+

개발자 채용부터 DX 역량 평가까지​

+

모두 하나의 플랫폼에서

+
+
+

+ 국내 유수 기업의 DX 역량 평가를 진행하며 쌓아온 데이터를 기반으로 +

+

+ 개발자 채용 평가, 재직자 역량 평가, 경진대회 등 다양한 테스트를 + 진행해 보세요. +

+
+
+ logo4 +
+

엘리스테스트

+ +
+
+
+
+
+
+
+ 학습용 클라우드 서비스 +
+
+

학습에 최적화된

+

가장 간편한 GPU 클라우드

+
+
+

원하는 만큼의 GPU 자원을 실시간으로 유연하게 할당받으세요.

+

+ AI 학습과 연구부터 수천 명 규모의 머신러닝 경진대회까지 안정적으로 + 지원합니다. +

+
+
+ logo5 +
+

엘리스클라우드

+ +
+
+
+ desktop4 +
+
); } diff --git a/tailwind.config.ts b/tailwind.config.ts index e9a0944..5b7fce5 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -13,6 +13,24 @@ const config: Config = { "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", }, + colors: { + "elice-pubble": "#7353ea", + "login-button-color": "#f5f5f5", + "button-header": "#343e4b", + }, + keyframes: { + slider: { + "0%": { + transform: "translateX(0px)", + }, + "100%": { + transform: "translateX(-945px)", + }, + }, + }, + animation: { + slider: "slider 5s linear infinite", + }, }, }, plugins: [],