diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..50ff4b8 --- /dev/null +++ b/pages/_app.js @@ -0,0 +1,7 @@ +import '../src/styles/globals.css'; + +function MyApp({ Component, pageProps }) { + return ; +} + +export default MyApp; diff --git a/pages/homePage.tsx b/pages/homePage.tsx new file mode 100644 index 0000000..d606ae8 --- /dev/null +++ b/pages/homePage.tsx @@ -0,0 +1,7 @@ +import HomeContainer from "../src/app/NnebuoUkamaka/homePage/container/HomePageContainer"; + +const Home = () => { + return +}; + +export default Home; \ No newline at end of file diff --git a/public/images/cameraIcon.png b/public/images/cameraIcon.png new file mode 100644 index 0000000..0325414 Binary files /dev/null and b/public/images/cameraIcon.png differ diff --git a/public/images/starIcon.png b/public/images/starIcon.png new file mode 100644 index 0000000..9960f9e Binary files /dev/null and b/public/images/starIcon.png differ diff --git a/public/svgs/ETH.svg b/public/svgs/ETH.svg new file mode 100644 index 0000000..4988691 --- /dev/null +++ b/public/svgs/ETH.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/svgs/N.svg b/public/svgs/N.svg new file mode 100644 index 0000000..832a660 --- /dev/null +++ b/public/svgs/N.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/svgs/headerIcon.svg b/public/svgs/headerIcon.svg new file mode 100644 index 0000000..627b637 --- /dev/null +++ b/public/svgs/headerIcon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/svgs/nvr.svg b/public/svgs/nvr.svg new file mode 100644 index 0000000..755c22c --- /dev/null +++ b/public/svgs/nvr.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/svgs/settingsIcon.svg b/public/svgs/settingsIcon.svg new file mode 100644 index 0000000..68f64a9 --- /dev/null +++ b/public/svgs/settingsIcon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/app/NnebuoUkamaka/footer/FooterContainer.tsx b/src/app/NnebuoUkamaka/footer/FooterContainer.tsx new file mode 100644 index 0000000..a1e4b27 --- /dev/null +++ b/src/app/NnebuoUkamaka/footer/FooterContainer.tsx @@ -0,0 +1,61 @@ +import React from "react"; +import Image from "next/image"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/src/app/NnebuoUkamaka/header/headerContainer.tsx b/src/app/NnebuoUkamaka/header/headerContainer.tsx new file mode 100644 index 0000000..2cb36e5 --- /dev/null +++ b/src/app/NnebuoUkamaka/header/headerContainer.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import Image from "next/image"; +const Header = () => { + return ( +
+
+ + copy + +
+
+

Proxima OS

+
+
+ + settings + +
+
+ ); +}; + +export default Header; diff --git a/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx new file mode 100644 index 0000000..9b6f8bc --- /dev/null +++ b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx @@ -0,0 +1,102 @@ +import React from "react"; +import { NextPage } from "next"; +import Image from "next/image"; +import Header from "../../header/HeaderContainer"; +import Footer from "../../footer/FooterContainer"; +interface Message { + id: number; + icon: string; // URL or emoji for the icon + name: string; + time: string; + content: string; + unread: boolean; +} + +const messages: Message[] = [ + { + id: 1, + icon: "/svgs/ETH.svg", + name: "ETH", + time: "08:43 PM", + content: "User: namulabs is fantastic company...", + unread: true, + }, + { + id: 2, + icon: "/svgs/nvr.svg", + name: "Nvir", + time: "08:42 AM", + content: "User: namulabs is fantastic company...", + unread: false, + }, +]; + +const HomeContainer: NextPage = () => { + return ( +
+
+
+
+

Messages

+
+
+
+ star +
+ Proxima +
+ +
+ {messages.map((message) => ( +
+
+ {message.name} + +
+

{message.name}

+

+ {message.content} +

+
+
+
+

{message.time}

+ {message.unread && ( +
+ badge +
+ )} +
+
+ ))} +
+
+
+
+
+ ); +}; + +export default HomeContainer;