-
-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #480 from VitNode/policies
feat: Add Legal & Policies
- Loading branch information
Showing
392 changed files
with
4,296 additions
and
1,936 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,107 +1,62 @@ | ||
| import { BackgroundNet } from '@/components/background-net'; | ||
| import { Button, buttonVariants } from '@/components/ui/button'; | ||
| import { cn } from '@/utils/classnames'; | ||
| import { Button } from '@/components/ui/button'; | ||
| import { FeaturesHome } from '@/views/home/features'; | ||
| import Link from 'fumadocs-core/link'; | ||
| import { Check } from 'lucide-react'; | ||
| import { AnimatedBeamHome } from '../../components/animated-beam-home'; | ||
| import { PreviewHome } from '@/views/home/preview/preview'; | ||
| import { MoreFeaturesHome } from '@/views/home/more-features/more-features'; | ||
| import { MarketplaceHome } from '@/views/home/marketplace'; | ||
|
|
||
| export default function Page() { | ||
| return ( | ||
| <> | ||
| <div className="container my-10 flex max-w-6xl flex-wrap items-center justify-between gap-8 px-8 sm:px-16 md:flex-nowrap"> | ||
| <div className="max-w-md space-y-4"> | ||
| <div className="bg-muted-foreground/10 mb-6 flex w-fit items-center gap-2 rounded-full px-4 py-2 font-medium"> | ||
| <Check className="size-5" /> | ||
| <span>Free & Open-source</span> | ||
| <div className="relative overflow-hidden"> | ||
| <BackgroundNet className="pointer-events-none absolute opacity-50" /> | ||
| <div className="bg-primary pointer-events-none absolute size-60 rounded-full blur-[12rem]" /> | ||
|
|
||
| <div className="container relative flex max-w-6xl animate-[fade-in-down_1.25s] flex-wrap items-center justify-between gap-8 px-8 py-10 sm:px-16 sm:py-20 md:flex-nowrap"> | ||
| <div className="max-w-md space-y-4"> | ||
| <div className="bg-muted-foreground/10 mb-6 flex w-fit items-center gap-2 rounded-full px-4 py-2 font-medium"> | ||
| <Check className="size-5" /> | ||
| <span>Free & Open-source</span> | ||
| </div> | ||
|
|
||
| <h1 className="text-balance text-3xl font-bold tracking-tight md:text-5xl"> | ||
| Making <span className="text-primary">Community Apps</span> with{' '} | ||
| <span className="text-primary">Power</span> | ||
| </h1> | ||
|
|
||
| <p className="text-muted-foreground text-pretty"> | ||
| Community Management System, SEO-friendly, customize with ease and | ||
| enjoy security, speed, and efficiency. | ||
| </p> | ||
|
|
||
| <div className="flex flex-wrap items-center gap-2 pt-4 md:gap-4"> | ||
| <Button className="rounded-full px-6" asChild> | ||
| <Link href="/docs/dev">Get Started</Link> | ||
| </Button> | ||
|
|
||
| <Button className="rounded-full px-6" variant="ghost" asChild> | ||
| <Link | ||
| href="https://github.com/VitNode/vitnode" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Star on GitHub | ||
| </Link> | ||
| </Button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h1 className="text-balance text-3xl font-bold tracking-tight md:text-5xl"> | ||
| Making <span className="text-primary">Community Apps</span> with{' '} | ||
| <span className="text-primary">Power</span> | ||
| </h1> | ||
|
|
||
| <p className="text-muted-foreground text-pretty"> | ||
| SEO-friendly sites effortlessly, customize with ease, and enjoy | ||
| security, speed, and efficiency. | ||
| </p> | ||
|
|
||
| <div className="flex flex-wrap items-center gap-2 md:gap-4"> | ||
| <Button className="rounded-full px-6" asChild> | ||
| <Link href="/docs/dev">Get Started</Link> | ||
| </Button> | ||
|
|
||
| <Button className="rounded-full px-6" variant="ghost" asChild> | ||
| <Link | ||
| href="https://github.com/VitNode/vitnode" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Star on GitHub | ||
| </Link> | ||
| </Button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="bg-card h-64 w-[20rem]">test</div> | ||
| </div> | ||
|
|
||
| <br /> | ||
| <br /> | ||
| <br /> | ||
| <br /> | ||
| <br /> | ||
| <div className="relative -mt-16 flex w-full items-center justify-center overflow-hidden py-20 md:min-h-[50rem]"> | ||
| <BackgroundNet className="absolute" /> | ||
| <div className="bg-primary absolute size-60 rounded-full blur-[12rem]" /> | ||
|
|
||
| <div className="container z-10 my-10 flex max-w-xl flex-col items-center text-center lg:my-20 lg:max-w-4xl"> | ||
| <div className="bg-muted-foreground/10 mb-6 flex items-center gap-2 rounded-md px-4 py-2 font-medium"> | ||
| <Check className="size-5" /> | ||
| <span>Free & Open-source</span> | ||
| </div> | ||
|
|
||
| <h1 className="text-5xl font-bold tracking-tight sm:text-6xl xl:text-7xl"> | ||
| Making <span className="text-primary">Community Apps</span> with{' '} | ||
| <span className="text-primary">Power</span> | ||
| </h1> | ||
|
|
||
| <p className="text-muted-foreground mt-6 text-lg font-normal leading-7 sm:text-xl lg:max-w-2xl xl:text-2xl xl:leading-9"> | ||
| SEO-friendly sites effortlessly, customize with ease, and enjoy | ||
| security, speed, and efficiency. | ||
| </p> | ||
|
|
||
| <div className="mt-10 flex flex-1 flex-wrap items-center justify-center gap-2 sm:gap-6"> | ||
| <Link | ||
| href="/docs/dev" | ||
| className={cn( | ||
| buttonVariants({ | ||
| className: 'font-medium sm:h-12 sm:px-8 sm:text-lg', | ||
| size: 'lg', | ||
| }), | ||
| )} | ||
| > | ||
| Get Started | ||
| </Link> | ||
| <Link | ||
| href="https://github.com/VitNode/vitnode" | ||
| className={cn( | ||
| buttonVariants({ | ||
| className: | ||
| 'bg-transparent font-medium sm:h-12 sm:px-8 sm:text-lg', | ||
| size: 'lg', | ||
| variant: 'ghost', | ||
| }), | ||
| )} | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Star on GitHub | ||
| </Link> | ||
| </div> | ||
| <AnimatedBeamHome /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <PreviewHome /> | ||
| <FeaturesHome /> | ||
| <MoreFeaturesHome /> | ||
| <MarketplaceHome /> | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,151 @@ | ||
| 'use client'; | ||
|
|
||
| import React, { forwardRef, useRef } from 'react'; | ||
| import { AnimatedBeam } from './animated-beam'; | ||
| import { cn } from '@/utils/classnames'; | ||
| import Image from 'next/image'; | ||
| import logo from '@/public/logo.svg'; | ||
| import { | ||
| AtSign, | ||
| Database, | ||
| Languages, | ||
| Paintbrush, | ||
| Plug, | ||
| Search, | ||
| ShieldCheck, | ||
| Sparkle, | ||
| Users, | ||
| } from 'lucide-react'; | ||
|
|
||
| const Circle = forwardRef< | ||
| HTMLDivElement, | ||
| { className?: string; children?: React.ReactNode } | ||
| >(({ className, children }, ref) => { | ||
| return ( | ||
| <div | ||
| ref={ref} | ||
| className={cn( | ||
| 'bg-card z-10 flex size-12 items-center justify-center rounded-md border p-3', | ||
| className, | ||
| )} | ||
| > | ||
| {children} | ||
| </div> | ||
| ); | ||
| }); | ||
|
|
||
| Circle.displayName = 'Circle'; | ||
|
|
||
| export function AnimatedBeamHome() { | ||
| const containerRef = useRef<HTMLDivElement>(null); | ||
| const div1Ref = useRef<HTMLDivElement>(null); | ||
| const div2Ref = useRef<HTMLDivElement>(null); | ||
| const div3Ref = useRef<HTMLDivElement>(null); | ||
| const div4Ref = useRef<HTMLDivElement>(null); | ||
| const div5Ref = useRef<HTMLDivElement>(null); | ||
| const div6Ref = useRef<HTMLDivElement>(null); | ||
| const div7Ref = useRef<HTMLDivElement>(null); | ||
| const div8Ref = useRef<HTMLDivElement>(null); | ||
| const div9Ref = useRef<HTMLDivElement>(null); | ||
|
|
||
| return ( | ||
| <div | ||
| className="relative flex w-full items-center justify-center overflow-hidden sm:max-w-md" | ||
| ref={containerRef} | ||
| > | ||
| <div className="flex size-full max-w-lg flex-col items-stretch justify-between gap-10"> | ||
| <div className="flex flex-row items-center justify-between"> | ||
| <Circle ref={div1Ref}> | ||
| <Users /> | ||
| </Circle> | ||
| <Circle ref={div8Ref}> | ||
| <AtSign /> | ||
| </Circle> | ||
| <Circle ref={div5Ref}> | ||
| <Plug /> | ||
| </Circle> | ||
| </div> | ||
| <div className="flex flex-row items-center justify-between"> | ||
| <Circle ref={div2Ref}> | ||
| <Languages /> | ||
| </Circle> | ||
| <Circle ref={div4Ref} className="size-16"> | ||
| <Image | ||
| alt="VitNode" | ||
| src={logo} | ||
| className="w-10" | ||
| aria-label="VitNode" | ||
| /> | ||
| </Circle> | ||
| <Circle ref={div6Ref}> | ||
| <Paintbrush /> | ||
| </Circle> | ||
| </div> | ||
| <div className="flex flex-row items-center justify-between"> | ||
| <Circle ref={div3Ref}> | ||
| <ShieldCheck /> | ||
| </Circle> | ||
| <Circle ref={div9Ref}> | ||
| <Sparkle /> | ||
| </Circle> | ||
| <Circle ref={div7Ref}> | ||
| <Database /> | ||
| </Circle> | ||
| </div> | ||
| </div> | ||
|
|
||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div1Ref} | ||
| toRef={div4Ref} | ||
| curvature={-75} | ||
| endYOffset={-10} | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div2Ref} | ||
| toRef={div4Ref} | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div3Ref} | ||
| toRef={div4Ref} | ||
| curvature={75} | ||
| endYOffset={10} | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div5Ref} | ||
| toRef={div4Ref} | ||
| curvature={-75} | ||
| endYOffset={-10} | ||
| reverse | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div6Ref} | ||
| toRef={div4Ref} | ||
| reverse | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div7Ref} | ||
| toRef={div4Ref} | ||
| curvature={75} | ||
| endYOffset={10} | ||
| reverse | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div8Ref} | ||
| toRef={div4Ref} | ||
| /> | ||
| <AnimatedBeam | ||
| containerRef={containerRef} | ||
| fromRef={div9Ref} | ||
| curvature={75} | ||
| toRef={div4Ref} | ||
| /> | ||
| </div> | ||
| ); | ||
| } |
Oops, something went wrong.