- {data?.api_path}
+ {data?.api_path}
{viewerType === 'app' &&
+
+ );
+ }
+
+ return null;
+};
+
+export default DocsLandingPage;
diff --git a/dashboard/src/pages/features/docs/LandingPage/DocsList.tsx b/dashboard/src/pages/features/docs/LandingPage/DocsList.tsx
new file mode 100644
index 0000000..f43ea73
--- /dev/null
+++ b/dashboard/src/pages/features/docs/LandingPage/DocsList.tsx
@@ -0,0 +1,59 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Button } from "@/components/ui/button";
+import { CommitDocs } from "@/types/commit/CommitDocs"
+import { useMemo } from "react"
+import { MdArrowOutward } from "react-icons/md";
+import { useNavigate } from "react-router-dom";
+
+const DocsList = ({ data }: { data: CommitDocs[] }) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ {data.map((item, idx) => (
+
+ )
+}
+
+export default DocsList
+
+const DocCard = ({ data }: { data: CommitDocs }) => {
+
+ const appNameInitials = useMemo(() => {
+ return data.header[0].toUpperCase()
+ }, [data])
+
+ const navigate = useNavigate()
+
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/dashboard/src/pages/features/docs/LandingPage/HeroSection.tsx b/dashboard/src/pages/features/docs/LandingPage/HeroSection.tsx
new file mode 100644
index 0000000..db1d566
--- /dev/null
+++ b/dashboard/src/pages/features/docs/LandingPage/HeroSection.tsx
@@ -0,0 +1,34 @@
+
+import ManDoodle from "../../../../../public/man_doodle.png"
+import { Button } from "@/components/ui/button";
+
+const HeroSection = () => {
+ return (
+
+
+ {data.published == 1 &&
+
+
+
}
+
+ {data.description}
+
+
+
+
+ )
+}
+
+export default HeroSection
\ No newline at end of file
diff --git a/dashboard/src/pages/features/docs/LandingPage/ShootingStars.tsx b/dashboard/src/pages/features/docs/LandingPage/ShootingStars.tsx
new file mode 100644
index 0000000..18a6c8e
--- /dev/null
+++ b/dashboard/src/pages/features/docs/LandingPage/ShootingStars.tsx
@@ -0,0 +1,154 @@
+import { cn } from "@/lib/utils";
+import React, { useEffect, useState, useRef } from "react";
+
+interface ShootingStar {
+ id: number;
+ x: number;
+ y: number;
+ angle: number;
+ scale: number;
+ speed: number;
+ distance: number;
+}
+
+interface ShootingStarsProps {
+ minSpeed?: number;
+ maxSpeed?: number;
+ minDelay?: number;
+ maxDelay?: number;
+ starColor?: string;
+ trailColor?: string;
+ starWidth?: number;
+ starHeight?: number;
+ className?: string;
+ maxStars?: number;
+}
+
+const getRandomStartPoint = () => {
+ const side = Math.floor(Math.random() * 4);
+ const offset = Math.random() * window.innerWidth;
+
+ switch (side) {
+ case 0:
+ return { x: offset, y: 0, angle: 45 };
+ case 1:
+ return { x: window.innerWidth, y: offset, angle: 135 };
+ case 2:
+ return { x: offset, y: window.innerHeight, angle: 225 };
+ case 3:
+ return { x: 0, y: offset, angle: 315 };
+ default:
+ return { x: 0, y: 0, angle: 45 };
+ }
+};
+
+export const ShootingStars: React.FC
+
+
+
+
+ Documentation is now Lemon Sqeezy
+
+
+ Meet Commit Docs, built with Frappe Framework, it is the modern standard for public-facing documentation. Beautiful out of the box, easy to maintain, and Open Source ✨.
+
+
+
+
+
+ 
+
+