diff --git a/src/app/file-to-pdf/layout.tsx b/src/app/file-to-pdf/layout.tsx new file mode 100644 index 0000000..6e928a0 --- /dev/null +++ b/src/app/file-to-pdf/layout.tsx @@ -0,0 +1,18 @@ +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "file-to-pdf", + description: "Converter for files to pdf format!", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + {children} + + ); +} diff --git a/src/app/file-to-pdf/page.tsx b/src/app/file-to-pdf/page.tsx new file mode 100644 index 0000000..61138fc --- /dev/null +++ b/src/app/file-to-pdf/page.tsx @@ -0,0 +1,17 @@ +import Navbar from "../../components/Navbar"; +import Footer from "../../components/Footer"; +import Button from "@/components/Button"; + +export default function Home() { + return ( +
+ +
+

file-to-pdf

+ +
+
+ ); +} diff --git a/src/components/Button.tsx b/src/components/Button.tsx new file mode 100644 index 0000000..05f1076 --- /dev/null +++ b/src/components/Button.tsx @@ -0,0 +1,21 @@ +"use client"; +import React from "react"; + +interface ButtonProps { + className?: string; + content: string; + onClick?: Function; +} + +const Button = (props: ButtonProps) => { + return ( + + ); +}; + +export default Button; diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 087e34c..6c6d16e 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,21 +1,21 @@ import React from "react"; -interface NavProps { +interface FooterProps { className?: string; } -const navbar = (props: NavProps) => { +const Footer = (props: FooterProps) => { return (
- made by +

made by

Domi - and +

and

{ ); }; -export default navbar; +export default Footer; diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index b0a267f..140f087 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -7,7 +7,7 @@ interface NavProps { renderHomeLink: boolean; } -const navbar = (props: NavProps) => { +const Navbar = (props: NavProps) => { return (