├── .eslintrc.json ├── .github ├── ISSUE_TEMPLATE │ ├── bug.yml │ ├── docs.yml │ ├── feature_request.yml │ └── other.yml └── pull_request_template.md ├── .gitignore ├── .husky └── pre-commit ├── .prettierignore ├── .prettierrc.json ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── SPACES-LOUNGE.jpg ├── components ├── Button.jsx ├── Footer.js ├── Home │ ├── For-Host.jsx │ ├── Header.jsx │ ├── Information.jsx │ └── Why-Spaces-Lounge.jsx ├── Host Dashboard │ ├── Details.jsx │ ├── Scheduled_Twitter.jsx │ ├── Titles.jsx │ └── User.jsx ├── Layout.js ├── Navbar │ ├── Navbar.jsx │ └── app.js └── Speaker │ ├── Details.jsx │ ├── Scheduled_Twitter.jsx │ ├── Titles.jsx │ └── User.jsx ├── content ├── Contributors.js ├── Host-dashboard.js ├── Spaces.js └── Website_Info.js ├── next.config.js ├── package-lock.json ├── package.json ├── pages ├── 404.js ├── _app.js ├── api │ └── index.js ├── contributors.js ├── host │ ├── add-space.js │ └── index.js ├── index.js ├── sign-up.js ├── space-light.js └── speaker.js ├── postcss.config.js ├── public ├── 404-blob.svg ├── Header img.png ├── LogoDark.svg ├── LogoLight.svg ├── Mic.png ├── favicon.svg ├── headphone.png ├── img-2-1.png ├── img-2-2.png ├── img-3-1.png ├── img-3-2.png ├── micLogo.png ├── user.png └── wave.svg ├── styles ├── custom.css └── globals.css ├── tailwind.config.js └── yarn.lock /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["next/core-web-vitals", "prettier"], 3 | "rules": { 4 | "comma-spacing": ["error", { "before": false, "after": true }], 5 | "react/no-unescaped-entities": 0, 6 | "react/prop-types": "off", 7 | // suppress errors for missing 'import React' in files 8 | "react/react-in-jsx-scope": "off", 9 | // allow jsx syntax in js files (for next.js project) 10 | "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }] 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug.yml: -------------------------------------------------------------------------------- 1 | name: 🐛 Bug 2 | description: Report an issue to help improve the project. 3 | labels: ["🛠 goal: fix"] 4 | body: 5 | - type: textarea 6 | id: description 7 | attributes: 8 | label: Description 9 | description: A brief description of the question or issue, also include what you tried and what didn't work 10 | validations: 11 | required: true 12 | - type: textarea 13 | id: screenshots 14 | attributes: 15 | label: Screenshots 16 | description: Please add screenshots if applicable 17 | validations: 18 | required: false 19 | - type: textarea 20 | id: extrainfo 21 | attributes: 22 | label: Additional information 23 | description: Is there anything else we should know about this bug? 24 | validations: 25 | required: false 26 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/docs.yml: -------------------------------------------------------------------------------- 1 | name: 📄 Documentation issue 2 | description: Found an issue in the documentation? You can use this one! 3 | title: "[DOCS] " 4 | labels: ["📄 aspect: text"] 5 | body: 6 | - type: textarea 7 | id: description 8 | attributes: 9 | label: Description 10 | description: A brief description of the question or issue, also include what you tried and what didn't work 11 | validations: 12 | required: true 13 | - type: textarea 14 | id: screenshots 15 | attributes: 16 | label: Screenshots 17 | description: Please add screenshots if applicable 18 | validations: 19 | required: false 20 | - type: textarea 21 | id: extrainfo 22 | attributes: 23 | label: Additional information 24 | description: Is there anything else we should know about this issue? 25 | validations: 26 | required: false 27 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.yml: -------------------------------------------------------------------------------- 1 | name: 💡 General Feature Request 2 | description: Have a new idea/feature for Spaces Lounge? Please suggest! 3 | title: "[FEATURE] " 4 | labels: ["⭐ goal: addition"] 5 | body: 6 | - type: textarea 7 | id: description 8 | attributes: 9 | label: Description 10 | description: A brief description of the enhancement you propose, also include what you tried and what worked. 11 | validations: 12 | required: true 13 | - type: textarea 14 | id: screenshots 15 | attributes: 16 | label: Screenshots 17 | description: Please add screenshots if applicable 18 | validations: 19 | required: false 20 | - type: textarea 21 | id: extrainfo 22 | attributes: 23 | label: Additional information 24 | description: Is there anything else we should know about this idea? 25 | validations: 26 | required: false 27 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/other.yml: -------------------------------------------------------------------------------- 1 | name: Other 2 | description: Use this for any other issues. Please do NOT create blank issues 3 | title: "[OTHER]" 4 | labels: ["🚦 status: awaiting triage"] 5 | body: 6 | - type: markdown 7 | attributes: 8 | value: "# Other issue" 9 | - type: textarea 10 | id: issuedescription 11 | attributes: 12 | label: What would you like to share? 13 | description: Provide a clear and concise explanation of your issue. 14 | validations: 15 | required: true 16 | - type: textarea 17 | id: extrainfo 18 | attributes: 19 | label: Additional information 20 | description: Is there anything else we should know about this issue? 21 | validations: 22 | required: false 23 | -------------------------------------------------------------------------------- /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | ## Short Description 2 | 3 | 4 | ## Fixes Issue 5 | 6 | 7 | 8 | 9 | 10 | ## Changes proposed 11 | 12 | 13 | 14 | ## Screenshots 15 | 16 | 17 | 18 | ## Note to reviewers 19 | 20 | 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | .pnpm-debug.log* 28 | 29 | # local env files 30 | .env*.local 31 | 32 | # vercel 33 | .vercel 34 | 35 | # typescript 36 | *.tsbuildinfo 37 | 38 | # VS code 39 | .vscode 40 | 41 | # IDEA 42 | .idea 43 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx lint-staged 5 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # dependencies 2 | /node_modules 3 | /.pnp 4 | .pnp.js 5 | 6 | # testing 7 | /coverage 8 | 9 | # production 10 | /build 11 | 12 | # misc 13 | .DS_Store 14 | .env.local 15 | .env.development.local 16 | .env.test.local 17 | .env.production.local 18 | 19 | npm-debug.log* 20 | yarn-debug.log* 21 | yarn-error.log* 22 | *.md -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "trailingComma": "es5", 3 | "tabWidth": 2, 4 | "semi": true, 5 | "singleQuote": false, 6 | "bracketSpacing": true, 7 | "bracketSameLine": true, 8 | "singleAttributePerLine": false 9 | } 10 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity 10 | and orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | * Demonstrating empathy and kindness toward other people 21 | * Being respectful of differing opinions, viewpoints, and experiences 22 | * Giving and gracefully accepting constructive feedback 23 | * Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | * Focusing on what is best not just for us as individuals, but for the 26 | overall community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | * The use of sexualized language or imagery, and sexual attention or 31 | advances of any kind 32 | * Trolling, insulting or derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or email 35 | address, without their explicit permission 36 | * Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Community leaders are responsible for clarifying and enforcing our standards of 42 | acceptable behavior and will take appropriate and fair corrective action in 43 | response to any behavior that they deem inappropriate, threatening, offensive, 44 | or harmful. 45 | 46 | Community leaders have the right and responsibility to remove, edit, or reject 47 | comments, commits, code, wiki edits, issues, and other contributions that are 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation 49 | decisions when appropriate. 50 | 51 | ## Scope 52 | 53 | This Code of Conduct applies within all community spaces, and also applies when 54 | an individual is officially representing the community in public spaces. 55 | Examples of representing our community include using an official e-mail address, 56 | posting via an official social media account, or acting as an appointed 57 | representative at an online or offline event. 58 | 59 | ## Enforcement 60 | 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 62 | reported to the community leaders responsible for enforcement at 63 | https://discord.gg/R24y45nE. 64 | All complaints will be reviewed and investigated promptly and fairly. 65 | 66 | All community leaders are obligated to respect the privacy and security of the 67 | reporter of any incident. 68 | 69 | ## Enforcement Guidelines 70 | 71 | Community leaders will follow these Community Impact Guidelines in determining 72 | the consequences for any action they deem in violation of this Code of Conduct: 73 | 74 | ### 1. Correction 75 | 76 | **Community Impact**: Use of inappropriate language or other behavior deemed 77 | unprofessional or unwelcome in the community. 78 | 79 | **Consequence**: A private, written warning from community leaders, providing 80 | clarity around the nature of the violation and an explanation of why the 81 | behavior was inappropriate. A public apology may be requested. 82 | 83 | ### 2. Warning 84 | 85 | **Community Impact**: A violation through a single incident or series 86 | of actions. 87 | 88 | **Consequence**: A warning with consequences for continued behavior. No 89 | interaction with the people involved, including unsolicited interaction with 90 | those enforcing the Code of Conduct, for a specified period of time. This 91 | includes avoiding interactions in community spaces as well as external channels 92 | like social media. Violating these terms may lead to a temporary or 93 | permanent ban. 94 | 95 | ### 3. Temporary Ban 96 | 97 | **Community Impact**: A serious violation of community standards, including 98 | sustained inappropriate behavior. 99 | 100 | **Consequence**: A temporary ban from any sort of interaction or public 101 | communication with the community for a specified period of time. No public or 102 | private interaction with the people involved, including unsolicited interaction 103 | with those enforcing the Code of Conduct, is allowed during this period. 104 | Violating these terms may lead to a permanent ban. 105 | 106 | ### 4. Permanent Ban 107 | 108 | **Community Impact**: Demonstrating a pattern of violation of community 109 | standards, including sustained inappropriate behavior, harassment of an 110 | individual, or aggression toward or disparagement of classes of individuals. 111 | 112 | **Consequence**: A permanent ban from any sort of public interaction within 113 | the community. 114 | 115 | ## Attribution 116 | 117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 118 | version 2.0, available at 119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 120 | 121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 122 | enforcement ladder](https://github.com/mozilla/diversity). 123 | 124 | [homepage]: https://www.contributor-covenant.org 125 | 126 | For answers to common questions about this code of conduct, see the FAQ at 127 | https://www.contributor-covenant.org/faq. Translations are available at 128 | https://www.contributor-covenant.org/translations. 129 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing to Spaces Lounge 2 | 3 | ## Languages 4 | 5 | This project is built with [Next.js](https://nextjs.org/) and [SASS](https://sass-lang.com/). 6 | 7 | ## Pre-requisites (these need to be installed on your machine) 8 | 9 | [Node.js](https://nodejs.org/en/) 10 | [Yarn Package Manager](https://yarnpkg.com/) 11 | 12 | ## How to contribute 13 | 14 | 1. [Fork](https://github.com/avie-dev/spaceslounge/fork) the project 15 | 2. Clone the project: 16 | ```bash 17 | git clone https://github.com//spaceslounge.git 18 | ``` 19 | 3. Navigate to the project directory: 20 | ```bash 21 | cd spaceslounge 22 | ``` 23 | 4. Install dependencies: 24 | ```bash 25 | yarn 26 | ``` 27 | 5. Create a new branch: 28 | ```bash 29 | git checkout -b 30 | ``` 31 | 6. To run the whole project locally: 32 | ```bash 33 | yarn dev 34 | ``` 35 | 36 | 7. Make your changes 37 | 8. Stage your changes: 38 | ```bash 39 | git add 40 | ``` 41 | 9. Commit your changes: 42 | ```bash 43 | git commit -m "" 44 | ``` 45 | 10. Push your commits to your local repository 46 | ```bash 47 | git push origin 48 | ``` 49 | 11. Create a [pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request) 50 | 13. Wait for maintainers to review your pull request and suggest any changes 51 | 52 | ## **IMPORTANT** Naming Conventions 53 | 54 | Before pushing your changes, please check and ensure that all your additions follow the naming conventions listed below: 55 | 56 | * Folders names should follow the `Upper Camel Case` convention (`FolderName`) 57 | * Component file names should follow the `Lower Camel Case` convention (`componentFileName.jsx`) 58 | * Components name should follow the `Upper Camel Case` convention (`ComponentName`) 59 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 asakatsuOrg 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | ![Next.js](https://img.shields.io/badge/Next.js-305FCB?style=for-the-badge&logo=next.js&logoColor=white) ![tailwind css](https://img.shields.io/badge/tailwind_css-305FCB?style=for-the-badge&logo=tailwindcss&logoColor=white) ![Figma](https://img.shields.io/badge/Figma-305FCB?style=for-the-badge&logo=figma&logoColor=white) 4 | # What Is Spaces Lounge? 5 | 6 | Imagine **The cool Spaces Lounge**, for twitter spaces. An exclusive place where you can find **The Upcoming Twitter Spaces**. 7 | 8 | # Why Spaces Lounge? 9 | 1. Get a curated list of creators that you're interested in. 10 | 2. Find what interests you by easily filtering through tags and topics. 11 | 3. Get to speak on spaces with topics that interests you. 12 | 4. **For Hosts**- Find Speakers easily and grow your audience. 13 | 14 | ## Tech stack 15 | Spaces Lounge is built using the following technologies: 16 | 17 | - Frontend - **Next.js** 18 | - CSS Framework - **Tailwind CSS** 19 | - Design & Prototype - **Figma** 20 | 21 | ## Running the project 22 | 23 | 1. [Fork](https://github.com/avie-dev/spaceslounge/fork) the project. 24 | 25 | 2. Clone the repo: 26 | 27 | ```console 28 | $ git clone https://github.com//spaceslounge.git 29 | ``` 30 | 31 | 3. Navigate to the cloned directory: 32 | 33 | ```console 34 | $ cd spaceslounge 35 | ``` 36 | 37 | 4. Install dependencies: 38 | 39 | ```console 40 | $ yarn 41 | ``` 42 | 43 | There is also [next-themes](https://www.npmjs.com/package/next-themes) being used and it might give error, in that case: 44 | 45 | ```console 46 | $ yarn add next-themes 47 | ``` 48 | 49 | 5. Run the project 50 | 51 | ```console 52 | $ yarn dev 53 | ``` 54 | ## 🛡️ License 55 | 56 | Spaces Lounge is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. 57 | 58 | 59 | ## 🧰 Contributing 60 | 61 | - Any contributions you make are **truly appreciated**. 62 | - To make a contribution to documentation, code or design please follow the [contributing guidelines](https://github.com/avie-dev/spaceslounge/blob/main/CONTRIBUTING.md) 63 | 64 | ## 🙏 Support 65 | 66 | Don't forget to leave a star ⭐️ -------------------------------------------------------------------------------- /SPACES-LOUNGE.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/avie-dev/spaceslounge/e114cdcd87a6c78fb0c9ca320df04ae14e9da5df/SPACES-LOUNGE.jpg -------------------------------------------------------------------------------- /components/Button.jsx: -------------------------------------------------------------------------------- 1 | import Link from "next/link"; 2 | 3 | export default function Button({ path }) { 4 | return ( 5 | 8 | Get Started 9 | 10 | ); 11 | } 12 | -------------------------------------------------------------------------------- /components/Footer.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Link from "next/link"; 3 | import Image from "next/image"; 4 | import { FaDiscord, FaGithub } from "react-icons/fa"; 5 | 6 | import Logo from "../public/Header img.png"; 7 | 8 | export default function Footer() { 9 | return ( 10 |
11 | 12 | Footer Logo Image 17 | 18 |
    19 |
  • 20 | Page 21 |
    • 22 |
  • 23 | Contributors 24 |
    • 25 |
  • 26 | Host 27 |
    • 28 |
  • 29 | Speaker 30 |
    • 31 |
32 |
33 | 34 | 35 | 36 | 37 | 38 | 39 |
40 |
41 | ); 42 | } 43 | -------------------------------------------------------------------------------- /components/Home/For-Host.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import Information from "./Information"; 4 | 5 | import { HOST } from "../../content/Website_Info"; 6 | 7 | export default function ForHost() { 8 | return ( 9 |
10 |
11 |

For Host

12 |
13 | {HOST.map((data) => { 14 | return ; 15 | })} 16 |
17 |
18 |
19 | ); 20 | } 21 | -------------------------------------------------------------------------------- /components/Home/Header.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Image from "next/image"; 3 | import Button from "../Button"; 4 | 5 | import { motion as m } from "framer-motion"; 6 | 7 | import Mic from "../../public/Mic.png"; 8 | import Headphone from "../../public/headphone.png"; 9 | import HeaderLogo from "../../public/Header img.png"; 10 | 11 | export default function Header() { 12 | const websiteName = "spaces lounge"; 13 | const letter = Array.from(websiteName); 14 | 15 | return ( 16 | // Header Element 17 | 18 |
19 | {/* Logo header image */} 20 | 23 | Header Logo 27 | {/* Background Gradient for the logo */} 28 | 29 | 30 | 31 | {/* h1 tag */} 32 |

33 | {letter.map((L, i) => { 34 | return ( 35 | 45 | {" "} 46 | {L}{" "} 47 | 48 | ); 49 | })} 50 |

51 | 52 | {/* short information about Website */} 53 | 57 | A place where you can find the upcoming Twitter spaces. 58 | 59 |
71 | 72 | ); 73 | } 74 | -------------------------------------------------------------------------------- /components/Home/Information.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Image from "next/image"; 3 | 4 | export default function Information({ data }) { 5 | return ( 6 |
10 |
11 |

12 | {data.title1} 13 |

14 |

15 | {data.title2} 16 |

17 |

18 | {data.title} 19 |

20 |

{data.description}

21 |
22 | {`Why-spaces-lounge 27 |
28 | ); 29 | } 30 | -------------------------------------------------------------------------------- /components/Home/Why-Spaces-Lounge.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | import Information from "./Information"; 4 | 5 | import { WHY_SPACES_LOUNGE } from "../../content/Website_Info"; 6 | 7 | export default function WhySpacesLounge() { 8 | return ( 9 |
10 |
11 |

12 | Why Spaces Lounge? 13 |

14 |
15 | {WHY_SPACES_LOUNGE.map((data) => { 16 | return ; 17 | })} 18 |
19 |
20 |
21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /components/Host Dashboard/Details.jsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | 3 | import UserImage from "../../public/user.png"; 4 | 5 | export default function Details({ hostSpaces }) { 6 | return ( 7 |
10 |

{hostSpaces.date}

11 |

{hostSpaces.runtime} Hour

12 |

{hostSpaces.title}

13 |
14 | {hostSpaces.speakers.map((speaker) => { 15 | return ( 16 | {`${speaker}'s 23 | ); 24 | })} 25 |
26 | 29 |
30 | ); 31 | } 32 | -------------------------------------------------------------------------------- /components/Host Dashboard/Scheduled_Twitter.jsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | 3 | import UserImage from "../../public/user.png"; 4 | import { 5 | AiFillMessage, 6 | AiOutlineShareAlt, 7 | AiFillTwitterSquare, 8 | AiFillDelete, 9 | } from "react-icons/ai"; 10 | 11 | export default function Scheduled_Twitter({ twitterSpaces }) { 12 | return ( 13 |
14 |
15 | {/* Information */} 16 |
17 |

{twitterSpaces.title}

18 |

DATE: {twitterSpaces.date}

19 |

TIME: {twitterSpaces.time_zone}

20 |
21 | {/* Host Image */} 22 | 29 |
30 | {/* Icons */} 31 |
32 | 33 | 34 | 35 | 36 |
37 |
38 | ); 39 | } 40 | -------------------------------------------------------------------------------- /components/Host Dashboard/Titles.jsx: -------------------------------------------------------------------------------- 1 | export default function Titles() { 2 | return ( 3 |
6 |
Date
7 |
Runtime
8 |
Space title
9 |
Speakers
10 |
11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /components/Host Dashboard/User.jsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | 3 | import UserImage from "../../public/user.png"; 4 | 5 | export default function User() { 6 | return ( 7 |
8 | 9 |

User's Name

10 |

User's Job

11 |
12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /components/Layout.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Head from "next/head"; 3 | import { Poppins } from "@next/font/google"; 4 | 5 | import Navbar from "./Navbar/Navbar"; 6 | import Footer from "./Footer"; 7 | 8 | const poppins = Poppins({ 9 | subsets: ["latin"], 10 | weight: ["300", "400", "500", "600", "700", "800", "900"], 11 | }); 12 | 13 | export default function Layout({ children }) { 14 | return ( 15 | <> 16 | 17 | Spaces Lounge 18 | 22 | 23 | 24 | 25 |
{children}
26 |