diff --git a/src/components/common/footer.tsx b/src/components/common/footer.tsx deleted file mode 100644 index e351e44..0000000 --- a/src/components/common/footer.tsx +++ /dev/null @@ -1,82 +0,0 @@ -'use client' - -import Link from 'next/link' -import { icons } from 'lucide-react' - -import { Icon } from '@/components/ui/icon' -import { Kinotio } from '@/components/icons/kinotio' - -import { getCurrentYear } from '@/lib/utils' - -import { DATA } from '@/data' - -export const Footer = () => { - return ( - - ) -} diff --git a/src/components/common/header.tsx b/src/components/common/header.tsx deleted file mode 100644 index 08a7cb5..0000000 --- a/src/components/common/header.tsx +++ /dev/null @@ -1,135 +0,0 @@ -'use client' - -import { useState, SetStateAction, Dispatch } from 'react' -import { Github, Menu } from 'lucide-react' -import Link from 'next/link' - -import { - Sheet, - SheetContent, - SheetFooter, - SheetHeader, - SheetTitle, - SheetTrigger -} from '@/components/ui/sheet' -import { Separator } from '@/components/ui/separator' -import { - NavigationMenu, - NavigationMenuItem, - NavigationMenuLink, - NavigationMenuList -} from '@/components/ui/navigation-menu' -import { Button } from '@/components/ui/button' -import { Kinotio } from '@/components/icons/kinotio' - -import { ToggleTheme } from '@/components/toogle-theme' - -import { DATA } from '@/data' - -interface RouteProps { - href: string - label: string -} - -const routeList: RouteProps[] = [ - { - href: 'docs', - label: 'Docs' - } -] - -export const Header = () => { - const [isOpen, setIsOpen] = useState(false) - - return ( -
-
- - - - {/* */} - - - {/* */} -
- - - - {routeList.map(({ href, label }) => ( - - - {label} - - - ))} - - - - - - - - - -
-
-
- ) -} - -const MobileMenu = ({ - isOpen, - setIsOpen -}: { - isOpen: boolean - setIsOpen: Dispatch> -}) => { - return ( -
- - - setIsOpen(!isOpen)} className='cursor-pointer lg:hidden' /> - - - -
- - - - - - - - -
- {routeList.map(({ href, label }) => ( - - ))} -
-
- - - - - - - -
- ) -} diff --git a/src/components/footer.tsx b/src/components/footer.tsx new file mode 100644 index 0000000..c3edc32 --- /dev/null +++ b/src/components/footer.tsx @@ -0,0 +1,14 @@ +import { Heart } from '@/components/icons/heart' + +export const Footer = () => { + return ( + + ) +} diff --git a/src/components/header.tsx b/src/components/header.tsx new file mode 100644 index 0000000..9454a69 --- /dev/null +++ b/src/components/header.tsx @@ -0,0 +1,38 @@ +import Link from 'next/link' +import { Github } from 'lucide-react' + +import { Kinotio } from '@/components/icons/kinotio' +import { Discord } from '@/components/icons/discord' + +import { DATA } from '@/data' + +export const Header = () => { + return ( +
+
+ + + + +
+
+ ) +} diff --git a/src/components/icons/discord.tsx b/src/components/icons/discord.tsx new file mode 100644 index 0000000..098623a --- /dev/null +++ b/src/components/icons/discord.tsx @@ -0,0 +1,10 @@ +export const Discord = (props: React.ComponentProps<'svg'>): React.ReactElement => { + return ( + + + + ) +} diff --git a/src/components/icons/heart.tsx b/src/components/icons/heart.tsx new file mode 100644 index 0000000..c44b4f8 --- /dev/null +++ b/src/components/icons/heart.tsx @@ -0,0 +1,7 @@ +export const Heart = (props: React.ComponentProps<'svg'>): React.ReactElement => { + return ( + + + + ) +} diff --git a/src/components/sections/faq.tsx b/src/components/sections/faq.tsx deleted file mode 100644 index 2f7df63..0000000 --- a/src/components/sections/faq.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { - Accordion, - AccordionContent, - AccordionItem, - AccordionTrigger -} from '@/components/ui/accordion' - -import { DATA } from '@/data' - -export const FAQ = () => { - return ( -
-
-

FAQS

-

Common Questions

-
- - - {DATA.faq.map(({ question, answer }, idx) => ( - - {question} - {answer} - - ))} - -
- ) -} diff --git a/src/components/sections/hero.tsx b/src/components/sections/hero.tsx deleted file mode 100644 index 9b616f2..0000000 --- a/src/components/sections/hero.tsx +++ /dev/null @@ -1,69 +0,0 @@ -'use client' - -import { ChevronRight, Github } from 'lucide-react' -import Link from 'next/link' - -import { Button } from '@/components/ui/button' - -import AnimatedGridPattern from '@/components/ui/animated-grid-pattern' -import BlurFade from '@/components/ui/blur-fade' - -import { cn } from '@/lib/utils' - -export const Hero = () => { - return ( -
-
-
- -
-

Explore our documentation

-
- - -
- -
- - - - - - -
- -
-
-
- - -
- ) -} diff --git a/src/components/sections/information.tsx b/src/components/sections/information.tsx deleted file mode 100644 index fb467ca..0000000 --- a/src/components/sections/information.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import { icons } from 'lucide-react' - -import { Icon } from '@/components/ui/icon' - -const features: { title: string; description: string; icon: string }[] = [ - { - title: 'Interactive Setup Wizard', - description: - 'Simplify the initial configuration and installation process with a guided, step-by-step wizard.', - icon: 'Wand' - }, - { - title: 'Comprehensive API Documentation', - description: - 'Access detailed API references with examples to help integrate and extend the product.', - icon: 'Code' - }, - { - title: 'Deployment Guides', - description: - 'Follow in-depth tutorials for deploying the product across various environments, including cloud and on-premises.', - icon: 'Cloud' - }, - { - title: 'Use Case Scenarios', - description: - 'Explore real-world examples and case studies demonstrating how to apply the product to solve specific problems.', - icon: 'BookOpen' - }, - { - title: 'Search and Navigation', - description: - 'Utilize advanced search functionality and intuitive navigation to quickly find relevant information.', - icon: 'Search' - }, - { - title: 'Troubleshooting and FAQs', - description: - 'Access a dedicated section for common issues and frequently asked questions to resolve problems quickly.', - icon: 'HandHelping' - } -] - -export const Information = () => { - return ( -
-
-
-
-
-

- Introducing Our Documentation -

-

- Our Documentation Platform offers an extensive collection of resources designed to - guide you through every aspect of our product. From initial configuration and - installation to seamless deployment, our step-by-step instructions ensure a smooth - setup process. -

-
- -
- {features.map((feature) => ( -
-
- -
-

{feature.title}

-

{feature.description}

-
- ))} -
-
-
-
-
- ) -} diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx deleted file mode 100644 index 7e84c32..0000000 --- a/src/components/ui/accordion.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import * as React from "react" -import * as AccordionPrimitive from "@radix-ui/react-accordion" -import { ChevronDownIcon } from "@radix-ui/react-icons" - -import { cn } from "@/lib/utils" - -const Accordion = AccordionPrimitive.Root - -const AccordionItem = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)) -AccordionItem.displayName = "AccordionItem" - -const AccordionTrigger = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, children, ...props }, ref) => ( - - svg]:rotate-180", - className - )} - {...props} - > - {children} - - - -)) -AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName - -const AccordionContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, children, ...props }, ref) => ( - -
{children}
- -)) -AccordionContent.displayName = AccordionPrimitive.Content.displayName - -export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } diff --git a/src/components/ui/animated-gradient-text.tsx b/src/components/ui/animated-gradient-text.tsx deleted file mode 100644 index e6655a9..0000000 --- a/src/components/ui/animated-gradient-text.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { ReactNode } from 'react' - -import { cn } from '@/lib/utils' - -export default function AnimatedGradientText({ - children, - className -}: { - children: ReactNode - className?: string -}) { - return ( -
-
- - {children} -
- ) -} diff --git a/src/components/ui/animated-grid-pattern.tsx b/src/components/ui/animated-grid-pattern.tsx deleted file mode 100644 index a8310e8..0000000 --- a/src/components/ui/animated-grid-pattern.tsx +++ /dev/null @@ -1,143 +0,0 @@ -/* eslint-disable react-hooks/exhaustive-deps */ -/* eslint-disable @typescript-eslint/no-unused-vars */ -/* eslint-disable @typescript-eslint/no-explicit-any */ -'use client' - -import { useEffect, useId, useRef, useState } from 'react' -import { motion } from 'framer-motion' - -import { cn } from '@/lib/utils' - -interface GridPatternProps { - width?: number - height?: number - x?: number - y?: number - strokeDasharray?: any - numSquares?: number - className?: string - maxOpacity?: number - duration?: number - repeatDelay?: number -} - -export function GridPattern({ - width = 40, - height = 40, - x = -1, - y = -1, - strokeDasharray = 0, - numSquares = 50, - className, - maxOpacity = 0.5, - duration = 4, - repeatDelay = 0.5, - ...props -}: GridPatternProps) { - const id = useId() - const containerRef = useRef(null) - const [dimensions, setDimensions] = useState({ width: 0, height: 0 }) - const [squares, setSquares] = useState(() => generateSquares(numSquares)) - - function getPos() { - return [ - Math.floor((Math.random() * dimensions.width) / width), - Math.floor((Math.random() * dimensions.height) / height) - ] - } - - // Adjust the generateSquares function to return objects with an id, x, and y - function generateSquares(count: number) { - return Array.from({ length: count }, (_, i) => ({ - id: i, - pos: getPos() - })) - } - - // Function to update a single square's position - const updateSquarePosition = (id: number) => { - setSquares((currentSquares) => - currentSquares.map((sq) => - sq.id === id - ? { - ...sq, - pos: getPos() - } - : sq - ) - ) - } - - // Update squares to animate in - useEffect(() => { - if (dimensions.width && dimensions.height) { - setSquares(generateSquares(numSquares)) - } - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [dimensions, numSquares]) - - // Resize observer to update container dimensions - useEffect(() => { - const resizeObserver = new ResizeObserver((entries) => { - for (const entry of entries) { - setDimensions({ - width: entry.contentRect.width, - height: entry.contentRect.height - }) - } - }) - - if (containerRef.current) { - resizeObserver.observe(containerRef.current) - } - - return () => { - if (containerRef.current) { - resizeObserver.unobserve(containerRef.current) - } - } - }, [containerRef]) - - return ( - - ) -} - -export default GridPattern diff --git a/src/components/ui/blur-fade.tsx b/src/components/ui/blur-fade.tsx deleted file mode 100644 index eae530e..0000000 --- a/src/components/ui/blur-fade.tsx +++ /dev/null @@ -1,61 +0,0 @@ -'use client' - -import { useRef } from 'react' -import { AnimatePresence, motion, useInView, UseInViewOptions, Variants } from 'framer-motion' - -type MarginType = UseInViewOptions['margin'] - -interface BlurFadeProps { - children: React.ReactNode - className?: string - variant?: { - hidden: { y: number } - visible: { y: number } - } - duration?: number - delay?: number - yOffset?: number - inView?: boolean - inViewMargin?: MarginType - blur?: string -} - -export default function BlurFade({ - children, - className, - variant, - duration = 0.4, - delay = 0, - yOffset = 6, - inView = false, - inViewMargin = '-50px', - blur = '6px' -}: BlurFadeProps) { - const ref = useRef(null) - const inViewResult = useInView(ref, { once: true, margin: inViewMargin }) - const isInView = !inView || inViewResult - const defaultVariants: Variants = { - hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` }, - visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` } - } - const combinedVariants = variant || defaultVariants - return ( - - - {children} - - - ) -} diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx deleted file mode 100644 index 1597110..0000000 --- a/src/components/ui/button.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import * as React from 'react' -import { Slot } from '@radix-ui/react-slot' -import { cva, type VariantProps } from 'class-variance-authority' - -import { cn } from '@/lib/utils' - -const buttonVariants = cva( - 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', - { - variants: { - variant: { - default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90', - destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90', - outline: - 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground', - secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80', - ghost: 'hover:bg-accent hover:text-accent-foreground', - link: 'text-primary underline-offset-4 hover:underline' - }, - size: { - default: 'h-9 px-4 py-2', - sm: 'h-8 rounded-md px-3 text-xs', - lg: 'h-10 rounded-md px-8', - icon: 'h-9 w-9' - } - }, - defaultVariants: { - variant: 'default', - size: 'default' - } - } -) - -export interface ButtonProps - extends React.ButtonHTMLAttributes, - VariantProps { - asChild?: boolean -} - -const Button = React.forwardRef( - ({ className, variant, size, asChild = false, ...props }, ref) => { - const Comp = asChild ? Slot : 'button' - return ( - - ) - } -) -Button.displayName = 'Button' - -export { Button, buttonVariants } diff --git a/src/components/ui/icon.tsx b/src/components/ui/icon.tsx deleted file mode 100644 index e7c2e7d..0000000 --- a/src/components/ui/icon.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { icons } from 'lucide-react' - -export const Icon = ({ - name, - color, - size, - className -}: { - name: keyof typeof icons - color?: string - size: number - className?: string -}) => { - const LucideIcon = icons[name as keyof typeof icons] - - return -} diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx deleted file mode 100644 index 5841fb3..0000000 --- a/src/components/ui/navigation-menu.tsx +++ /dev/null @@ -1,128 +0,0 @@ -import * as React from "react" -import { ChevronDownIcon } from "@radix-ui/react-icons" -import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu" -import { cva } from "class-variance-authority" - -import { cn } from "@/lib/utils" - -const NavigationMenu = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, children, ...props }, ref) => ( - - {children} - - -)) -NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName - -const NavigationMenuList = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)) -NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName - -const NavigationMenuItem = NavigationMenuPrimitive.Item - -const navigationMenuTriggerStyle = cva( - "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50" -) - -const NavigationMenuTrigger = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, children, ...props }, ref) => ( - - {children}{" "} - -)) -NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName - -const NavigationMenuContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)) -NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName - -const NavigationMenuLink = NavigationMenuPrimitive.Link - -const NavigationMenuViewport = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( -
- -
-)) -NavigationMenuViewport.displayName = - NavigationMenuPrimitive.Viewport.displayName - -const NavigationMenuIndicator = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -
- -)) -NavigationMenuIndicator.displayName = - NavigationMenuPrimitive.Indicator.displayName - -export { - navigationMenuTriggerStyle, - NavigationMenu, - NavigationMenuList, - NavigationMenuItem, - NavigationMenuContent, - NavigationMenuTrigger, - NavigationMenuLink, - NavigationMenuIndicator, - NavigationMenuViewport, -} diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx deleted file mode 100644 index 6d7f122..0000000 --- a/src/components/ui/separator.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import * as React from "react" -import * as SeparatorPrimitive from "@radix-ui/react-separator" - -import { cn } from "@/lib/utils" - -const Separator = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->( - ( - { className, orientation = "horizontal", decorative = true, ...props }, - ref - ) => ( - - ) -) -Separator.displayName = SeparatorPrimitive.Root.displayName - -export { Separator } diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx deleted file mode 100644 index 639ffcb..0000000 --- a/src/components/ui/sheet.tsx +++ /dev/null @@ -1,138 +0,0 @@ -import * as React from "react" -import * as SheetPrimitive from "@radix-ui/react-dialog" -import { Cross2Icon } from "@radix-ui/react-icons" -import { cva, type VariantProps } from "class-variance-authority" - -import { cn } from "@/lib/utils" - -const Sheet = SheetPrimitive.Root - -const SheetTrigger = SheetPrimitive.Trigger - -const SheetClose = SheetPrimitive.Close - -const SheetPortal = SheetPrimitive.Portal - -const SheetOverlay = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)) -SheetOverlay.displayName = SheetPrimitive.Overlay.displayName - -const sheetVariants = cva( - "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out", - { - variants: { - side: { - top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", - bottom: - "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", - left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", - right: - "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", - }, - }, - defaultVariants: { - side: "right", - }, - } -) - -interface SheetContentProps - extends React.ComponentPropsWithoutRef, - VariantProps {} - -const SheetContent = React.forwardRef< - React.ElementRef, - SheetContentProps ->(({ side = "right", className, children, ...props }, ref) => ( - - - - - - Close - - {children} - - -)) -SheetContent.displayName = SheetPrimitive.Content.displayName - -const SheetHeader = ({ - className, - ...props -}: React.HTMLAttributes) => ( -
-) -SheetHeader.displayName = "SheetHeader" - -const SheetFooter = ({ - className, - ...props -}: React.HTMLAttributes) => ( -
-) -SheetFooter.displayName = "SheetFooter" - -const SheetTitle = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)) -SheetTitle.displayName = SheetPrimitive.Title.displayName - -const SheetDescription = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, ...props }, ref) => ( - -)) -SheetDescription.displayName = SheetPrimitive.Description.displayName - -export { - Sheet, - SheetPortal, - SheetOverlay, - SheetTrigger, - SheetClose, - SheetContent, - SheetHeader, - SheetFooter, - SheetTitle, - SheetDescription, -} diff --git a/src/data/index.ts b/src/data/index.ts index 2f62653..4f36949 100644 --- a/src/data/index.ts +++ b/src/data/index.ts @@ -1,5 +1,5 @@ export const DATA = { - name: 'Kinotio Docs', + name: 'Kinotio | Docs', url: 'https://docs.kinotio.io', description: 'This platform is dedicated to providing detailed documentation about our products, offering users and developers the necessary insights and guidance to effectively engage with and contribute to our ecosystem.', @@ -21,102 +21,5 @@ export const DATA = { dark: '#000000', light: '#ffffff' } - }, - navbar: [ - { - href: 'docs', - name: 'Docs' - } - ], - footer: { - contact: [ - { - icon: 'Mail', - href: 'mailto:contact@kinotio.io', - label: 'contact@kinotio.io' - } - ], - help: [ - { - href: '#faq', - name: 'FAQ' - } - ], - products: [ - { - href: '#', - name: 'Drowser' - }, - { - href: '#', - name: 'Drowser Studio' - }, - { - href: '#', - name: 'Gelda' - } - ], - socials: [ - { - icon: 'Github', - href: 'https://github.com/kinotio', - name: 'github' - }, - { - icon: 'X', - href: 'https://x.com/kinotiodotio', - label: 'X' - }, - { - icon: 'Linkedin', - href: 'https://linkedin.com/company/kinotio', - label: 'LinkedIn' - }, - { - icon: 'MessageCircle', - href: 'https://discord.gg/cskvbKQA', - label: 'Discord' - } - ] - }, - trustedBy: [ - { - icon: 'Crown', - name: 'Your company' - }, - { - icon: 'Crown', - name: 'Your company' - }, - { - icon: 'Crown', - name: 'Your company' - }, - { - icon: 'Crown', - name: 'Your company' - } - ], - faq: [ - { - question: 'What is this documentation site for?', - answer: - 'This site provides comprehensive documentation for Kinotio products, offering insights and guidance for users and developers to effectively engage with and contribute to our ecosystem.' - }, - { - question: 'How can I contribute to the documentation?', - answer: - 'You can contribute by visiting our GitHub repository, where you can submit issues or pull requests with your suggested changes or additions.' - }, - { - question: 'Where can I find the API documentation?', - answer: - "The API documentation is available under the 'Docs' section of this site. You can navigate to it using the top navigation bar." - }, - { - question: 'How often is the documentation updated?', - answer: - "The documentation is regularly updated to reflect the latest changes and improvements in our products. Check the 'Changelog' section for recent updates." - } - ] + } } diff --git a/src/lib/utils.ts b/src/lib/utils.ts index 76e6f92..d1d7f94 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -1,8 +1,4 @@ -import { clsx, type ClassValue } from "clsx"; -import { twMerge } from "tailwind-merge"; +import { clsx, type ClassValue } from 'clsx' +import { twMerge } from 'tailwind-merge' -export const cn = (...inputs: ClassValue[]) => { - return twMerge(clsx(inputs)); -}; - -export const getCurrentYear = () => new Date().getFullYear(); +export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs)) diff --git a/src/pages/docs/_meta.ts b/src/pages/docs/_meta.ts index d94e592..5ab38fc 100644 --- a/src/pages/docs/_meta.ts +++ b/src/pages/docs/_meta.ts @@ -1,7 +1,6 @@ const meta = { index: 'Welcome', - drowser: 'Drowser', - gelda: 'Gelda' + drowser: 'Drowser' } export default meta diff --git a/src/pages/docs/gelda.mdx b/src/pages/docs/gelda.mdx deleted file mode 100644 index d6a0c9c..0000000 --- a/src/pages/docs/gelda.mdx +++ /dev/null @@ -1 +0,0 @@ -# Gelda diff --git a/src/pages/docs/index.mdx b/src/pages/docs/index.mdx index f82f58e..940ceb0 100644 --- a/src/pages/docs/index.mdx +++ b/src/pages/docs/index.mdx @@ -1 +1,5 @@ # Welcome + +This platform is dedicated to providing detailed documentation about our products, +offering users and developers the necessary insights and guidance to effectively +engage with and contribute to our ecosystem. diff --git a/src/pages/index.tsx b/src/pages/index.tsx index f70450a..eb3f0b8 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,15 +1,12 @@ import { Inter } from 'next/font/google' import Head from 'next/head' import Script from 'next/script' +import Link from 'next/link' import { ThemeProvider } from '@/components/theme-provider' -import { Header } from '@/components/common/header' -import { Footer } from '@/components/common/footer' - -import { Hero } from '@/components/sections/hero' -import { FAQ } from '@/components/sections/faq' -import { Information } from '@/components/sections/information' +import { Header } from '@/components/header' +import { Footer } from '@/components/footer' import { DATA } from '@/data' @@ -56,8 +53,8 @@ export const metadata = { export default function Home() { return ( - -
+ +
{metadata.title.default} @@ -86,9 +83,28 @@ export default function Home() { />
- - - +
+
+
+
+
+

+ This platform is dedicated to providing detailed documentation about our products, + offering users and developers the necessary insights and guidance to effectively + engage with and contribute to our ecosystem. +

+
+
+

+ If you're passionate about open-source development, you should{' '} + + join us and contribute! + +

+
+
+
+
diff --git a/theme.config.tsx b/theme.config.tsx index 1d7142f..e1bdf27 100644 --- a/theme.config.tsx +++ b/theme.config.tsx @@ -1,16 +1,12 @@ -import Link from 'next/link' import { DocsThemeConfig } from 'nextra-theme-docs' import { Kinotio } from '@/components/icons/kinotio' - -import { getCurrentYear } from '@/lib/utils' +import { Heart } from '@/components/icons/heart' import { DATA } from '@/data' const config: DocsThemeConfig = { - logo: function Logo() { - return - }, + logo: () => , project: { link: DATA.repo }, @@ -20,13 +16,12 @@ const config: DocsThemeConfig = { docsRepositoryBase: DATA.doc_repo, footer: { content: ( - - {`Copyright © ${getCurrentYear()} Developed by `} - - Kinotio - - . - +
+
+ +
+

crafted with care and dedication.

+
) } }