diff --git a/public/assets/images/icons/ico-dropdown.png b/public/assets/images/icons/ico-dropdown.png
new file mode 100644
index 0000000..a50cc90
Binary files /dev/null and b/public/assets/images/icons/ico-dropdown.png differ
diff --git a/public/assets/images/icons/ico-help.png b/public/assets/images/icons/ico-help.png
new file mode 100644
index 0000000..0d1f06c
Binary files /dev/null and b/public/assets/images/icons/ico-help.png differ
diff --git a/public/assets/images/icons/ico-search.png b/public/assets/images/icons/ico-search.png
new file mode 100644
index 0000000..daf9acd
Binary files /dev/null and b/public/assets/images/icons/ico-search.png differ
diff --git a/public/assets/images/img-banner.png b/public/assets/images/img-banner.png
new file mode 100644
index 0000000..c893bf7
Binary files /dev/null and b/public/assets/images/img-banner.png differ
diff --git a/public/assets/images/img-philippineSeal.png b/public/assets/images/img-philippineSeal.png
new file mode 100644
index 0000000..866c5ff
Binary files /dev/null and b/public/assets/images/img-philippineSeal.png differ
diff --git a/public/assets/images/logo-company.png b/public/assets/images/logo-company.png
new file mode 100644
index 0000000..d9d3097
Binary files /dev/null and b/public/assets/images/logo-company.png differ
diff --git a/public/assets/images/logo-site.png b/public/assets/images/logo-site.png
new file mode 100644
index 0000000..74c3205
Binary files /dev/null and b/public/assets/images/logo-site.png differ
diff --git a/public/assets/media/sample-video.mp4 b/public/assets/media/sample-video.mp4
new file mode 100644
index 0000000..942aee1
Binary files /dev/null and b/public/assets/media/sample-video.mp4 differ
diff --git a/resources/js/Components/ApplicationLogo.tsx b/resources/js/Components/ApplicationLogo.tsx
index 9180a3e..cc22056 100644
--- a/resources/js/Components/ApplicationLogo.tsx
+++ b/resources/js/Components/ApplicationLogo.tsx
@@ -1,9 +1,14 @@
-import { SVGAttributes } from 'react';
-
-export default function ApplicationLogo(props: SVGAttributes) {
+export default function ApplicationLogo() {
return (
-
+
+
+
+
+
+
+
DOST - IT Department
+ CodeHub
+
+
);
}
diff --git a/resources/js/Components/Dropdown.tsx b/resources/js/Components/Dropdown.tsx
index 9b30db7..e38514d 100644
--- a/resources/js/Components/Dropdown.tsx
+++ b/resources/js/Components/Dropdown.tsx
@@ -21,7 +21,7 @@ const Dropdown = ({ children }: PropsWithChildren) => {
return (
- {children}
+ {children}
);
};
@@ -83,7 +83,7 @@ const DropdownLink = ({ className = '', children, ...props }: InertiaLinkProps)
diff --git a/resources/js/Components/Footer.tsx b/resources/js/Components/Footer.tsx
new file mode 100644
index 0000000..3c4ec46
--- /dev/null
+++ b/resources/js/Components/Footer.tsx
@@ -0,0 +1,146 @@
+import { Link } from '@inertiajs/react';
+
+export default function Footer() {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/resources/js/Components/NavLink.tsx b/resources/js/Components/NavLink.tsx
index 5824835..18290f7 100644
--- a/resources/js/Components/NavLink.tsx
+++ b/resources/js/Components/NavLink.tsx
@@ -5,10 +5,12 @@ export default function NavLink({ active = false, className = '', children, ...p
diff --git a/resources/js/Components/ProjectBanner.tsx b/resources/js/Components/ProjectBanner.tsx
new file mode 100644
index 0000000..208d890
--- /dev/null
+++ b/resources/js/Components/ProjectBanner.tsx
@@ -0,0 +1,10 @@
+export default function ProjectBanner() {
+ return (
+
+
+
Project CodeHub
+
The instructions and source codes repository for the
DOST - IT Department
+
+ )
+}
\ No newline at end of file
diff --git a/resources/js/Layouts/AuthenticatedLayout.tsx b/resources/js/Layouts/AuthenticatedLayout.tsx
index 94a9ba6..8b721b8 100644
--- a/resources/js/Layouts/AuthenticatedLayout.tsx
+++ b/resources/js/Layouts/AuthenticatedLayout.tsx
@@ -1,128 +1,62 @@
import { useState, PropsWithChildren, ReactNode } from 'react';
import ApplicationLogo from '@/Components/ApplicationLogo';
+import Footer from '@/Components/Footer';
import Dropdown from '@/Components/Dropdown';
import NavLink from '@/Components/NavLink';
-import ResponsiveNavLink from '@/Components/ResponsiveNavLink';
-import { Link } from '@inertiajs/react';
+import { Link, usePage } from '@inertiajs/react';
import { User } from '@/types';
-export default function Authenticated({ user, header, children }: PropsWithChildren<{ user: User, header?: ReactNode }>) {
- const [showingNavigationDropdown, setShowingNavigationDropdown] = useState(false);
+export default function Authenticated({ user, children }: PropsWithChildren<{ user: User }>) {
+ const { url } = usePage();
return (
-
-
-
+
);
}
diff --git a/resources/js/Pages/Help.tsx b/resources/js/Pages/Help.tsx
new file mode 100644
index 0000000..8f72402
--- /dev/null
+++ b/resources/js/Pages/Help.tsx
@@ -0,0 +1,38 @@
+import { Head } from '@inertiajs/react';
+import { PageProps } from '@/types';
+import Guest from '@/Layouts/GuestLayout';
+import Authenticated from '@/Layouts/AuthenticatedLayout';
+
+const Help = ({ auth }: PageProps) => {
+ const renderAboutContent = () => (
+
+
+
+ )
+
+ return (
+ <>
+
+
+ {auth.user ? (
+
+ {renderAboutContent()}
+
+ ) : (
+ <>
+
+ {renderAboutContent()}
+
+ >
+ )}
+
+ >
+ );
+}
+
+export default Help;
\ No newline at end of file
diff --git a/resources/js/Pages/Welcome.tsx b/resources/js/Pages/Welcome.tsx
index 04c867f..fb1e8b1 100644
--- a/resources/js/Pages/Welcome.tsx
+++ b/resources/js/Pages/Welcome.tsx
@@ -1,161 +1,43 @@
-import { Link, Head } from '@inertiajs/react';
-import { PageProps } from '@/types';
-
-export default function Welcome({ auth, laravelVersion, phpVersion }: PageProps<{ laravelVersion: string, phpVersion: string }>) {
- const handleImageError = () => {
- document.getElementById('screenshot-container')?.classList.add('!hidden');
- document.getElementById('docs-card')?.classList.add('!row-span-1');
- document.getElementById('docs-card-content')?.classList.add('!flex-row');
- document.getElementById('background')?.classList.add('!hidden');
- };
+import { Head } from '@inertiajs/react';
+import Guest from '@/Layouts/GuestLayout';
+export default function Welcome() {
return (
<>