43 lines
1.7 KiB
TypeScript
43 lines
1.7 KiB
TypeScript
import { Zap } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Cta16Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Cta16 = ({ className }: Cta16Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="flex h-[620px] items-center justify-center bg-[linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url('/block-media/shadcnblocks/block/photos/simone-hutsch-xOLhD-qfoRI-unsplash.jpg')] bg-cover bg-center">
|
|
<div className="container">
|
|
<div className="flex flex-col gap-8 p-4 text-center text-primary-foreground">
|
|
<div className="flex items-center justify-center gap-2 text-xl font-medium">
|
|
<Zap className="h-full w-7 shrink-0" />
|
|
سریعتر توسعه دهید
|
|
</div>
|
|
<h2 className="text-2xll font-bold text-balance">
|
|
وبسایت حرفهای خود را در زمان کمتر راهاندازی کنید
|
|
</h2>
|
|
<div className="flex flex-col justify-center gap-2 sm:flex-row">
|
|
<Button size="lg" variant="secondary">
|
|
شروع رایگان
|
|
</Button>
|
|
<Button
|
|
size="lg"
|
|
variant="outline"
|
|
className="border-0 bg-background/20 backdrop-blur-sm hover:bg-background/30 hover:text-primary-foreground"
|
|
>
|
|
مشاهده جزئیات
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Cta16 };
|