diff --git a/src/About.jsx b/src/About.jsx new file mode 100644 index 0000000..7bc6932 --- /dev/null +++ b/src/About.jsx @@ -0,0 +1,32 @@ +import React from "react"; +import Container from 'react-bootstrap/Container'; +import Row from 'react-bootstrap/Row'; +import Col from 'react-bootstrap/Col'; + +function About() { + return ( + <> +
+ + + +

TANH was born in D.C.

+

His childhood was spent between Germany and Texas. Currently, he’s somewhere in the south and manages to still blossom around the poplar trees.

+ + +

TANH’s music

+

A blend of pop, R&B, and electronic influences, creating a unique sound that is both catchy and emotionally resonant.

+ + + + +

TANH can often be quoted

+

He makes music for himself and he’s just giving us the choice to join on his journey or not and that feels like; watching someone be the life of their own party dancing alone while you watch from afar through a kaleidoscope wineglass.

+ + + +
+ + ); +} +export default About \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..4becbed --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,82 @@ +/* eslint-disable react/prop-types */ +/* eslint-disable react/display-name */ +import React, { useState } from 'react'; +import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; +import Container from 'react-bootstrap/Container'; +import Dropdown from 'react-bootstrap/Dropdown'; +import Row from 'react-bootstrap/Row'; +import Col from 'react-bootstrap/Col'; +import Home from './Home'; +import Music from './Music'; +import About from './About'; +import Videos from './Videos'; + + +function App() { + const CustomToggle = React.forwardRef(({ children, onClick }, ref) => ( + { + e.preventDefault(); + onClick(e); + }} + > + {/* Render custom icon here */} + + {children} + + )); + + const CustomMenu = React.forwardRef( + ({ children, className, 'aria-labelledby': labeledBy }, ref) => { + const [value] = useState(''); + return ( +
+ +
+ ); + }, + ); + + return ( + <> + + + + + + + + Home + TANH + Music + Videos + + + + + Neinhills Logo + + + + + + + } /> + } /> + } /> + } /> + + + + + +
+ + ) +} + +export default App diff --git a/src/Home.jsx b/src/Home.jsx new file mode 100644 index 0000000..5cee241 --- /dev/null +++ b/src/Home.jsx @@ -0,0 +1,48 @@ +import { useState, useEffect } from "react"; + +function Home() { + const [quote, setQuote] = useState(""); + const [author, setAuthor] = useState(""); + + const getQuote = async () => { + try { + const response = await fetch("https://api.realinspire.live/v1/quotes/random"); + const json = await response.json(); + const quote = await json.map(quote => quote.content); + const author = await json.map(author => author.author); + setQuote(quote); + setAuthor(author); + } catch (error) { + console.error(error); + } + }; + + useEffect(() => { + getQuote(); + }, []); + + return ( +
+ There Are No Hills +
+
+

+ {quote} +

+ + {author} + +
+
+
+ Instagram + TikTok + Spotify + SoundCloud + Apple Music + YouTube +
+
+ ); +} +export default Home \ No newline at end of file diff --git a/src/Music.jsx b/src/Music.jsx new file mode 100644 index 0000000..4c61ec9 --- /dev/null +++ b/src/Music.jsx @@ -0,0 +1,11 @@ +import React from "react"; +import Image from "react-bootstrap/Image"; + +function Music() { + return ( +
+ +
+ ); +} +export default Music \ No newline at end of file diff --git a/src/main.jsx b/src/main.jsx new file mode 100644 index 0000000..51a8c58 --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,9 @@ +import React from 'react' +import ReactDOM from 'react-dom/client' +import App from './App.jsx' + +ReactDOM.createRoot(document.getElementById('root')).render( + + + , +)