+
-
-
-
-
-
+
+
+
+
-
+
diff --git a/FrontEnd/src/pages/about.astro b/FrontEnd/src/pages/about.astro
index bd0e9d3..bb4c40c 100644
--- a/FrontEnd/src/pages/about.astro
+++ b/FrontEnd/src/pages/about.astro
@@ -1,16 +1,12 @@
---
import PublicLayout from '../layouts/PublicLayout.astro'
-import Section1 from '../components/pages/about/Section1.astro'
-import Section2 from '../components/pages/about/Section2.astro'
-import Section3 from '../components/pages/about/Section3.astro'
-import Section4 from '../components/pages/about/Section4.astro'
-import Section5 from '../components/pages/about/Section5.astro'
+import { Description, Manifesto, Values, Stack, Mission } from '../components'
---
-
-
-
-
-
+
+
+
+
+
diff --git a/FrontEnd/src/pages/admin/index.astro b/FrontEnd/src/pages/admin/index.astro
index 29030a1..514b4ab 100644
--- a/FrontEnd/src/pages/admin/index.astro
+++ b/FrontEnd/src/pages/admin/index.astro
@@ -1,9 +1,70 @@
---
-import AdminLayout from "../../layouts/AdminLayout.astro";
+import AdminLayout from '../../layouts/AdminLayout.astro'
+import StatCard from '../../components/ui/admin/StatCard.astro'
+import SearchTrigger from '../../components/ui/admin/SearchTrigger.astro'
+
+import { Code, Team, Article, Image } from '../../assets/icons'
+
+const statsData = [
+ {
+ title: 'Core Team',
+ value: '61',
+ icon: Team,
+ colorGradient: 'from-cyan-400/30 to-cyan-400/0',
+ colorBg: 'bg-cyan-100/70',
+ colorText: 'text-cyan-600',
+ },
+ {
+ title: 'Project',
+ value: '21',
+ icon: Code,
+ colorGradient: 'from-emerald-400/30 to-emerald-400/0',
+ colorBg: 'bg-emerald-100/70',
+ colorText: 'text-emerald-600',
+ },
+ {
+ title: 'Article',
+ value: '56',
+ icon: Article,
+ colorGradient: 'from-fuchsia-400/30 to-fuchsia-400/0',
+ colorBg: 'bg-fuchsia-100/70',
+ colorText: 'text-fuchsia-600',
+ },
+ {
+ title: 'Images',
+ value: '238',
+ icon: Image,
+ colorGradient: 'from-rose-400/30 to-rose-400/0',
+ colorBg: 'bg-rose-100/70',
+ colorText: 'text-rose-600',
+ },
+]
---
-
- HALAMAN INDEX ADMIN
+
+
+
+
+
+ {
+ statsData.map(stat => (
+
+ ))
+ }
+
diff --git a/FrontEnd/src/pages/blog.astro b/FrontEnd/src/pages/blog.astro
index 95a2152..4ba78ea 100644
--- a/FrontEnd/src/pages/blog.astro
+++ b/FrontEnd/src/pages/blog.astro
@@ -1,9 +1,12 @@
---
-import PublicLayout from "../layouts/PublicLayout.astro";
+import PublicLayout from '../layouts/PublicLayout.astro'
+import Section1 from '../components/pages/blog/Section1.astro'
+import Section2 from '../components/pages/blog/Section2.astro'
+import Section3 from '../components/pages/blog/Section3.astro'
---
-
-
+
+
+
+
diff --git a/FrontEnd/src/pages/index.astro b/FrontEnd/src/pages/index.astro
index 2ed4f04..b71a4b5 100644
--- a/FrontEnd/src/pages/index.astro
+++ b/FrontEnd/src/pages/index.astro
@@ -9,14 +9,14 @@ import OurActivities from '../components/OurActivities.astro'
---
-
+
diff --git a/FrontEnd/src/plugins/QueryProvider.tsx b/FrontEnd/src/plugins/QueryProvider.tsx
new file mode 100644
index 0000000..58ac9c5
--- /dev/null
+++ b/FrontEnd/src/plugins/QueryProvider.tsx
@@ -0,0 +1,14 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import React from 'react'
+
+const queryClient = new QueryClient()
+
+export default function QueryProvider({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return (
+ {children}
+ )
+}
diff --git a/FrontEnd/src/styles/global.css b/FrontEnd/src/styles/global.css
index 1dac7d5..9fdf51d 100644
--- a/FrontEnd/src/styles/global.css
+++ b/FrontEnd/src/styles/global.css
@@ -1,32 +1,32 @@
@import 'tailwindcss';
:root {
- --color-primary: #0a84dc;
- --color-secondary: #fafafa;
- --text-primary: #0f0f0f;
- --text-secondary: #222222;
- --font-poppins: 'Poppins', sans-serif;
- --font-jakarta: 'Plus Jakarta Sans', sans-serif;
- --font-raleway: 'Raleway', sans-serif;
+ --color-primary: #0a84dc;
+ --color-secondary: #fafafa;
+ --text-primary: #0f0f0f;
+ --text-secondary: #222222;
+ --font-poppins: 'Poppins', sans-serif;
+ --font-jakarta: 'Plus Jakarta Sans', sans-serif;
+ --font-raleway: 'Raleway', sans-serif;
}
.font-jakarta {
- font-family: var(--font-jakarta);
+ font-family: var(--font-jakarta);
}
.font-poppins {
- font-family: var(--font-poppins);
+ font-family: var(--font-poppins);
}
.font-raleway {
- font-family: var(--font-raleway);
+ font-family: var(--font-raleway);
}
.no-scrollbar::-webkit-scrollbar {
- display: none;
+ display: none;
}
.no-scrollbar {
- -ms-overflow-style: none; /* IE & Edge */
- scrollbar-width: none; /* Firefox */
+ -ms-overflow-style: none; /* IE & Edge */
+ scrollbar-width: none; /* Firefox */
}
diff --git a/FrontEnd/tsconfig.json b/FrontEnd/tsconfig.json
new file mode 100644
index 0000000..7fb90fa
--- /dev/null
+++ b/FrontEnd/tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "extends": "astro/tsconfigs/base",
+ "compilerOptions": {
+ "jsx": "react-jsx",
+ "jsxImportSource": "react"
+ }
+}
\ No newline at end of file
+
-
-