42 lines
1.8 KiB
TypeScript
42 lines
1.8 KiB
TypeScript
import { ArrowRight } from "lucide-react";
|
|
import React from "react";
|
|
|
|
import { Globe } from "@/components/magicui/globe";
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Feature253Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Feature253 = ({ className }: Feature253Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<div className="relative flex h-92 w-full flex-col justify-between overflow-hidden rounded-4xl border bg-muted p-8 md:flex-row">
|
|
<div className="flex h-full max-w-lg flex-col justify-center gap-4 text-start">
|
|
<h1 className="text-xl font-medium tracking-tighter text-balance md:text-2xll">
|
|
زمان حل مسئله را کوتاه کنید
|
|
</h1>
|
|
<p className="text-pretty text-muted-foreground/70">
|
|
پاسخهای آماده و پایگاه دانش، زمان پاسخ را کم میکند و کیفیت را در کل تیم یکسان نگه میدارد.
|
|
</p>
|
|
<Button
|
|
variant="default"
|
|
className="group relative z-99 w-fit rounded-full! border border-none bg-background px-10 tracking-tighter text-foreground shadow-none! hover:bg-background"
|
|
>
|
|
تیکت
|
|
<ArrowRight className="ms-2 -rotate-45 rounded-full bg-foreground p-px text-background transition-all ease-in-out group-hover:rotate-0 rtl:rotate-[135deg] rtl:group-hover:rotate-180" />
|
|
</Button>
|
|
</div>
|
|
<div className="relative size-full">
|
|
<Globe className="absolute top-0 md:-end-100 md:top-10 md:scale-150" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Feature253 };
|