66 lines
2.8 KiB
TypeScript
66 lines
2.8 KiB
TypeScript
import { ArrowRight } from "lucide-react";
|
|
|
|
import { SparklesCore } from "@/components/shadcnblocks/sparkles";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Feature293Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Feature293 = ({ className }: Feature293Props) => {
|
|
return (
|
|
<section
|
|
dir="rtl"
|
|
lang="fa"
|
|
className={cn(
|
|
"dark relative h-svh max-h-[1400px] min-h-[600px] w-full overflow-hidden bg-background py-32 text-foreground",
|
|
className,
|
|
)}
|
|
>
|
|
<div className="relative container flex h-full min-w-0 flex-col items-center justify-center">
|
|
<div className="w-full min-w-0 max-w-lg text-center">
|
|
<h1 className="relative z-20 text-center text-2xll font-semibold tracking-tighter text-balance md:text-2xll lg:text-2xll">
|
|
از خرید تا فروش در یک سیستم
|
|
</h1>
|
|
<p className="mt-4 text-pretty text-muted-foreground/50">
|
|
گزارشهای یکپارچه نشان میدهد کدام بخش بیشترین تأثیر را روی سودآوری دارد.
|
|
</p>
|
|
<div className="mt-10 flex w-full min-w-0 max-w-lg flex-wrap gap-2 sm:flex-nowrap">
|
|
<Input
|
|
type="email"
|
|
dir="rtl"
|
|
className="h-11 min-w-0 flex-1 rounded-2xl border-none lg:h-13"
|
|
placeholder="عملیات سازمان را یکپارچه کنید"
|
|
/>
|
|
<Button className="h-11 shrink-0 gap-2 rounded-2xl !px-4 lg:h-13">
|
|
یکپارچگی
|
|
<ArrowRight className="size-4 shrink-0 rtl:rotate-180" />
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<div className="relative mt-5 h-40 w-full max-w-[40rem] min-w-0 overflow-hidden">
|
|
<div className="absolute inset-x-20 top-0 h-[2px] w-3/4 bg-gradient-to-r from-transparent via-indigo-500 to-transparent blur-sm" />
|
|
<div className="absolute inset-x-20 top-0 h-px w-3/4 bg-gradient-to-r from-transparent via-indigo-500 to-transparent" />
|
|
<div className="absolute inset-x-60 top-0 h-[5px] w-1/4 bg-gradient-to-r from-transparent via-sky-500 to-transparent blur-sm" />
|
|
<div className="absolute inset-x-60 top-0 h-px w-1/4 bg-gradient-to-r from-transparent via-sky-500 to-transparent" />
|
|
|
|
<SparklesCore
|
|
background="transparent"
|
|
minSize={0.4}
|
|
maxSize={1}
|
|
particleDensity={1200}
|
|
className="h-full w-full"
|
|
particleColor="#FFFFFF"
|
|
/>
|
|
|
|
<div className="absolute inset-0 h-full w-full bg-background [mask-image:radial-gradient(350px_200px_at_top,transparent_20%,white)]" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Feature293 };
|