'use client'; import useGlobalStore from '@/config/use-global'; import { GiftIcon, GlobalMapIcon, LocationsIcon, NetworkSecurityIcon, ServersIcon, UsersIcon, } from '@repo/ui/lotties'; import { Button, buttonVariants } from '@shadcn/ui/button'; import { AnimationProps, motion, MotionProps } from 'framer-motion'; import { useTranslations } from 'next-intl'; import Link from 'next/link'; import { useMemo } from 'react'; function ScrollAnimationWrapper({ children, className, ...props }: AnimationProps & MotionProps & { className?: string; }) { return ( {children} ); } function getScrollAnimation() { return { offscreen: { y: 150, opacity: 0, }, onscreen: ({ duration = 2 } = {}) => ({ y: 0, opacity: 1, transition: { type: 'spring', duration, }, }), }; } const listUser = [ { name: 'Users', number: '390', icon: , }, { name: 'Locations', number: '20', icon: , }, { name: 'Server', number: '50', icon: , }, ]; export default function Page() { const scrollAnimation = useMemo(() => getScrollAnimation(), []); const { common, user } = useGlobalStore(); const { site } = common; const t = useTranslations('index'); return (

{t('welcome')} {site.site_name}

{site.site_desc}

{t('started')}
{listUser.map((item, index) => (
{item.icon}

{item.number}+

{item.name}

))}
{t('choose_plan')} {t('choose_plan_desc')}

Free Plan

  • Unlimited Bandwitch
  • Encrypted Connection
  • No Traffic Logs
  • Works on All Devices

Free

Standard Plan

  • Unlimited Bandwitch
  • Encrypted Connection
  • No Traffic Logs
  • Works on All Devices
  • Connect Anyware

$9 / mo

Premium Plan

  • Unlimited Bandwitch
  • Encrypted Connection
  • No Traffic Logs
  • Works on All Devices
  • Connect Anyware
  • Get New Features

$12 / mo

{t('huge_network')} {site.site_name} {site.site_name} {t('global_network_desc')}
); }