Paulus/paulus.casa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added three pages instead of using one page

Browse Source
This commit is contained in:
II-Paulus-II 2024-03-22 15:35:24 +00:00
parent 722af78291
commit d075e0a725
4 changed files with 62 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/App.jsx
View File

@ -1,19 +1,24 @@
/* ----- Third Party Imports ----- */
import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
import { Routes, Route } from "react-router-dom";
/* ----- Project Imports ----- */
import "@/styles/App.css";
import Header from "@/components/Header.jsx";
import Footer from "@/components/Footer.jsx";
import Content from "@/components/Content.jsx";
import HomePage from "@/pages/Home";
import ExpertisePage from "@/pages/Expertise";
import ProjectsPage from "@/pages/Projects";
function App() {
return (
<>
<Header />
<Content />
<Routes>
<Route path="/" element={<HomePage />} />
<Route path="/expertise" element={<ExpertisePage />} />
<Route path="/projects" element={<ProjectsPage />} />
</Routes>
<Footer />
</>
)

18
src/pages/Expertise.jsx Normal file
View File

@ -0,0 +1,18 @@
/* ----- Third Party Imports ----- */
/* ----- Project Imports ----- */
import "@/styles/App.css";
import Header from "@/components/Header.jsx";
import Footer from "@/components/Footer.jsx";
import Content from "@/components/Content.jsx";
export function ExpertisePage() {
return (
<>
<h2>You are at the most amazing home page on the planet</h2>
<p>Home sweet Home!</p>
</>
);
};
export default ExpertisePage;

17
src/pages/Home.jsx Normal file
View File

@ -0,0 +1,17 @@
/* ----- Third Party Imports ----- */
/* ----- Project Imports ----- */
import "@/styles/App.css";
import Details from "@/components/Details.jsx";
import "@/styles/content.css";
export function HomePage() {
return (
<>
<h2>You are at the most amazing home page on the planet</h2>
<p>Home sweet Home!</p>
</>
);
};
export default HomePage;

18
src/pages/Projects.jsx Normal file
View File

@ -0,0 +1,18 @@
/* ----- Third Party Imports ----- */
/* ----- Project Imports ----- */
import "@/styles/App.css";
import Header from "@/components/Header.jsx";
import Footer from "@/components/Footer.jsx";
import Content from "@/components/Content.jsx";
export function ProjectsPage() {
return (
<>
<h2>You are at the most amazing home page on the planet</h2>
<p>Home sweet Home!</p>
</>
);
};
export default ProjectsPage;