pages/index.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

import Head from 'next/head'
import styles from '../styles/Home.module.css'
import Container from '@material-ui/core/Container'

export default function Home () {
  return (
    <div>
      <Head>
        <title>Snug Cup</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>
    <Container>
     <div className={styles.centre}>
        <img src="/Project.png" height="17%" width="17%"/>
        <br/>
        <iframe allowFullScreen webkitallowfullscreen width="640" height="480" frameBorder="0" seamless src="https://p3d.in/e/coEzR+spin+load"></iframe>
        <h2>Render</h2>
        <img src="/snug_cup.png" width="50%" height="50%" />
        <img src="/snug_cup_diagram.png" width="50%" height="50%" />
        <h2>Cup Demo</h2>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/W7Vau2PgaH0" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen="true"></iframe>        <h2>Colour palette</h2>
        <img src="/palette.png" width="40%" height="40%" />
        <h2>Price</h2>
        <p>Snug Cup: $25</p>
     </div>
     <h1>Description</h1>
     <p>Snug Cup is a electrical heating cup that heats up beverage. It has a battery that can last for 4 hours.</p>
     <h1>Team</h1>
     <ul>
       <li>Andrew Lee (Web Developer & Model Creator)</li>
       <li>Angelo Ching (Advertiser)</li>
       <li>Cleopatra Protopapadakis (Designer)</li>
       <li>Mehar Ahmad (Marketer)</li>
     </ul>
    </Container>
     <footer className={styles.footer}>
       <p>&copy; Copyright 2021, Snug Cup. All rights reserved.</p>
       <p>Made in Next.JS & Hosted on Netlify</p>
       <p>Models and assets made with Blender & Inkscape (Open Source Software)</p>
     </footer>
    </div>
  )
}