From 2135a4b55dca33fccfe945b4fa304c6b166f5c44 Mon Sep 17 00:00:00 2001 From: SrJuggernaut Date: Sat, 16 Sep 2023 21:48:09 -0600 Subject: [PATCH] feat: start over and layout --- .gitignore | 5 +- .postcssrc.json | 5 + next-env.d.ts | 1 - package.json | 11 +- panda.config.ts | 13 + src/app/global.css | 1 + src/app/layout.tsx | 41 +- src/app/page.tsx | 13 + src/assets/logos/EntGamers.tsx | 4 +- src/components/.gitkeep | 0 src/components/Seo.tsx | 38 - src/components/layout/Footer.tsx | 50 + src/components/layout/Header.tsx | 80 + src/components/layout/Menu.tsx | 121 + src/components/layouts/Contained.tsx | 27 - src/components/layouts/Footer/Footer.tsx | 76 - src/components/layouts/Footer/index.ts | 1 - src/components/layouts/Header/Header.tsx | 135 - src/components/layouts/Header/index.ts | 1 - .../pages/equipo/unirse/PositionJoinTeam.tsx | 89 - .../pages/equipo/unirse/UnirseForm.tsx | 133 - src/components/pages/home/Clanes.tsx | 68 - src/components/pages/home/Hero.tsx | 181 - src/components/pages/home/SocialNetworks.tsx | 93 - src/components/pages/home/Team.tsx | 82 - src/components/profiles/ProfileCard.tsx | 163 - src/components/ui/BackDrop.tsx | 43 + src/components/ui/Typography.tsx | 59 + src/contexts/.gitkeep | 0 src/hooks/.gitkeep | 0 src/interfaces/common.ts | 15 - src/interfaces/components/index.ts | 3 - src/interfaces/components/layouts/Footer.ts | 6 - .../components/layouts/contained.ts | 5 - src/interfaces/components/layouts/index.ts | 2 - .../components/pages/equipo/index.ts | 1 - .../components/pages/equipo/unirse/index.ts | 1 - .../pages/equipo/unirse/positionJoinTeam.ts | 8 - src/interfaces/components/pages/index.ts | 1 - src/interfaces/components/seo.ts | 63 - src/interfaces/index.ts | 4 - src/interfaces/models/index.ts | 1 - src/interfaces/models/profile.ts | 13 - src/interfaces/pages/clanes.ts | 13 - src/interfaces/pages/equipo.ts | 13 - src/interfaces/pages/equipo/index.ts | 1 - src/interfaces/pages/equipo/unirse.ts | 37 - src/interfaces/pages/index.ts | 2 - src/pages/404.tsx | 52 - src/pages/_app.tsx | 25 - src/pages/about.tsx | 17 - src/pages/clanes.tsx | 100 - src/pages/equipo.tsx | 225 - src/pages/equipo/unirse.tsx | 134 - src/pages/index.tsx | 52 - src/services/.gitkeep | 0 src/styles/muiTheme.ts | 241 - src/types/utilities.ts | 1 + src/utilities/.gitkeep | 0 tsconfig.json | 37 +- yarn.lock | 5721 +++++++++++++++-- 61 files changed, 5724 insertions(+), 2604 deletions(-) create mode 100644 .postcssrc.json create mode 100644 panda.config.ts create mode 100644 src/app/global.css create mode 100644 src/app/page.tsx delete mode 100644 src/components/.gitkeep delete mode 100644 src/components/Seo.tsx create mode 100644 src/components/layout/Footer.tsx create mode 100644 src/components/layout/Header.tsx create mode 100644 src/components/layout/Menu.tsx delete mode 100644 src/components/layouts/Contained.tsx delete mode 100644 src/components/layouts/Footer/Footer.tsx delete mode 100644 src/components/layouts/Footer/index.ts delete mode 100644 src/components/layouts/Header/Header.tsx delete mode 100644 src/components/layouts/Header/index.ts delete mode 100644 src/components/pages/equipo/unirse/PositionJoinTeam.tsx delete mode 100644 src/components/pages/equipo/unirse/UnirseForm.tsx delete mode 100644 src/components/pages/home/Clanes.tsx delete mode 100644 src/components/pages/home/Hero.tsx delete mode 100644 src/components/pages/home/SocialNetworks.tsx delete mode 100644 src/components/pages/home/Team.tsx delete mode 100644 src/components/profiles/ProfileCard.tsx create mode 100644 src/components/ui/BackDrop.tsx create mode 100644 src/components/ui/Typography.tsx delete mode 100644 src/contexts/.gitkeep delete mode 100644 src/hooks/.gitkeep delete mode 100644 src/interfaces/common.ts delete mode 100644 src/interfaces/components/index.ts delete mode 100644 src/interfaces/components/layouts/Footer.ts delete mode 100644 src/interfaces/components/layouts/contained.ts delete mode 100644 src/interfaces/components/layouts/index.ts delete mode 100644 src/interfaces/components/pages/equipo/index.ts delete mode 100644 src/interfaces/components/pages/equipo/unirse/index.ts delete mode 100644 src/interfaces/components/pages/equipo/unirse/positionJoinTeam.ts delete mode 100644 src/interfaces/components/pages/index.ts delete mode 100644 src/interfaces/components/seo.ts delete mode 100644 src/interfaces/index.ts delete mode 100644 src/interfaces/models/index.ts delete mode 100644 src/interfaces/models/profile.ts delete mode 100644 src/interfaces/pages/clanes.ts delete mode 100644 src/interfaces/pages/equipo.ts delete mode 100644 src/interfaces/pages/equipo/index.ts delete mode 100644 src/interfaces/pages/equipo/unirse.ts delete mode 100644 src/interfaces/pages/index.ts delete mode 100644 src/pages/404.tsx delete mode 100644 src/pages/_app.tsx delete mode 100644 src/pages/about.tsx delete mode 100644 src/pages/clanes.tsx delete mode 100644 src/pages/equipo.tsx delete mode 100644 src/pages/equipo/unirse.tsx delete mode 100644 src/pages/index.tsx delete mode 100644 src/services/.gitkeep delete mode 100644 src/styles/muiTheme.ts create mode 100644 src/types/utilities.ts delete mode 100644 src/utilities/.gitkeep diff --git a/.gitignore b/.gitignore index 740722a..8d30874 100644 --- a/.gitignore +++ b/.gitignore @@ -189,4 +189,7 @@ dist # and uncomment the following lines # .pnp.* -# End of https://www.toptal.com/developers/gitignore/api/node,yarn,nextjs \ No newline at end of file +# End of https://www.toptal.com/developers/gitignore/api/node,yarn,nextjs + +# Panda Css +src/styled-system \ No newline at end of file diff --git a/.postcssrc.json b/.postcssrc.json new file mode 100644 index 0000000..fddfc00 --- /dev/null +++ b/.postcssrc.json @@ -0,0 +1,5 @@ +{ + "plugins": { + "@pandacss/dev/postcss": {} + } +} \ No newline at end of file diff --git a/next-env.d.ts b/next-env.d.ts index fd36f94..4f11a03 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -1,6 +1,5 @@ /// /// -/// // NOTE: This file should not be edited // see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/package.json b/package.json index 3416ba9..d93d3fc 100644 --- a/package.json +++ b/package.json @@ -11,14 +11,15 @@ "prepare": "husky install" }, "dependencies": { - "@emotion/react": "^11.11.1", - "@emotion/styled": "^11.11.0", + "@fontsource/open-sans": "^5.0.12", + "@fontsource/permanent-marker": "^5.0.8", "@fortawesome/fontawesome-svg-core": "^6.4.2", "@fortawesome/free-brands-svg-icons": "^6.4.2", "@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/react-fontawesome": "^0.2.0", - "@mui/material": "^5.14.9", + "entgamers-panda-preset": "0.0.7", "formik": "^2.4.4", + "framer-motion": "^10.16.4", "gsap": "^3.12.2", "isomorphic-fetch": "^3.0.0", "next": "13.4.19", @@ -26,16 +27,16 @@ "react": "18.2.0", "react-dom": "18.2.0", "sharp": "^0.32.5", - "swiper": "^10.2.0", "yup": "^1.2.0" }, "devDependencies": { "@commitlint/cli": "^17.7.1", "@commitlint/config-conventional": "^17.7.0", - "@emotion/eslint-plugin": "^11.11.0", + "@pandacss/dev": "^0.15.0", "@types/isomorphic-fetch": "^0.0.36", "@types/node": "20.6.0", "@types/react": "18.2.21", + "@types/react-dom": "^18.2.7", "@typescript-eslint/eslint-plugin": "^6.4.0", "@typescript-eslint/parser": "^5.38.0", "eslint": "^8.0.1", diff --git a/panda.config.ts b/panda.config.ts new file mode 100644 index 0000000..39d3c07 --- /dev/null +++ b/panda.config.ts @@ -0,0 +1,13 @@ +import { defineConfig } from '@pandacss/dev' +import entGamersPandaPreset from 'entgamers-panda-preset' + +export default defineConfig({ + presets: [entGamersPandaPreset], + gitignore: true, + preflight: true, + include: ['./src/**/*.{js,jsx,ts,tsx}'], + exclude: [], + outdir: 'src/styled-system', + jsxFactory: 'panda', + jsxFramework: 'react' +}) diff --git a/src/app/global.css b/src/app/global.css new file mode 100644 index 0000000..009ed44 --- /dev/null +++ b/src/app/global.css @@ -0,0 +1 @@ +@layer reset, base, tokens, recipes, utilities; \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d56caf9..c0cb7ca 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,8 +1,43 @@ -import { type FC } from 'react' +import '@/app/global.css' +import Footer from '@/components/layout/Footer' +import Header from '@/components/layout/Header' +import { css } from '@/styled-system/css' +import '@fontsource/open-sans/latin-300.css' +import '@fontsource/open-sans/latin-400.css' +import '@fontsource/open-sans/latin-700.css' +import '@fontsource/permanent-marker/latin-400.css' +import { config } from '@fortawesome/fontawesome-svg-core' +import '@fortawesome/fontawesome-svg-core/styles.css' +import { type Metadata } from 'next' +import { type FC, type ReactNode } from 'react' -const RootLayout: FC = () => { +config.autoAddCss = false + +export const metadata: Metadata = { + title: 'Home | EntGamers', + description: 'Una comunidad de jugadores, para jugadores' +} + +interface RootLayoutProps { + children: ReactNode +} + +const RootLayout: FC = ({ children }) => { return ( -
RootLayout
+ + +
+
+ {children} +
+