the main file of the app

app.js

import { h, Component } from 'preact';

import Header from './header';
import Home from './home';
import Oscillator from './oscillator';

export default class App extends Component {
	render() {
		return (
			<div id="app">
				<Header />
				<div style="width: 1200px; margin: 100px auto;">
					<h2>Tuning</h2>
					<Oscillator note="E1" frequency="329.63" type="sine" />
					<Oscillator note="B2" frequency="246.94" type="sine" />
					<Oscillator note="G3" frequency="196.00" type="sine" />
					<Oscillator note="D4" frequency="146.83" type="sine" />
					<Oscillator note="A5" frequency="110.00" type="sine" />
					<Oscillator note="E6" frequency="82.41"  type="sine" />
				</div>
				<div style="width: 1200px; margin: 0 auto;">
					<h2>Chords</h2>
					<h3>C Major</h3>
					<Oscillator note="G3" frequency="196.00" type="sine" />
					<Oscillator note="C4" frequency="261.63" type="sine" />
					<Oscillator note="E1" frequency="329.63" type="sine" />
					
					<h3>G Major</h3>
					<Oscillator note="D4" frequency="146.83" type="sine" />
					<Oscillator note="G3" frequency="196.00" type="sine" />
					<Oscillator note="B2" frequency="246.94" type="sine" />
				</div>
			</div>
		);
	}
}