ar.badieiandCursor
c2376b3b9e
Build & Push Docker Image / build (push) Has been cancelled
Refresh the homepage around new hero/services/roadmap sections, shared design tokens, and updated brand assets. Co-authored-by: Cursor <cursoragent@cursor.com>
69 lines
3.2 KiB
TypeScript
69 lines
3.2 KiB
TypeScript
import { Container } from "@/components/container";
|
|
import { MotionReveal, MotionRevealItem } from "@/components/motion-reveal";
|
|
import { BorderBeam } from "@/components/ui/border-beam";
|
|
import { Button } from "@/components/ui/button";
|
|
import { layout } from "@/lib/layout";
|
|
import { type } from "@/lib/typography";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Hero50Props {
|
|
className?: string;
|
|
}
|
|
|
|
export function Hero50({ className }: Hero50Props) {
|
|
return (
|
|
<section
|
|
className={cn(
|
|
"section-shell bg-section-canvas",
|
|
layout.scrollMargin,
|
|
layout.sectionY,
|
|
className
|
|
)}
|
|
>
|
|
<Container className="section-content">
|
|
<div className="flex flex-col gap-8 lg:flex-row-reverse lg:items-center lg:gap-12">
|
|
<MotionReveal stagger className="min-w-0 flex-1">
|
|
<MotionRevealItem>
|
|
<h2 className={cn(type.h2, "text-foreground")}>
|
|
شرکت امین رایان اسپادان
|
|
</h2>
|
|
</MotionRevealItem>
|
|
<MotionRevealItem>
|
|
<p className={cn(type["section-intro"], "mt-4")}>
|
|
شرکت امین رایان، بهترین شرکت طراحی سایت در اصفهان، با ارائه خدمات حرفه‌ای طراحی سایت در اصفهان، سئو و پشتیبانی سایت، پشتیبانی لینکدین و ارسال انبوه پیامک در اصفهان، همراه مطمئن کسب‌وکار شماست. امین رایان با هدف حمایت از تمامی کسب‌وکارها فعالیت می‌کند و برای ما فرقی نمی‌کند که کسب‌وکار شما تازه راه‌اندازی شده باشد یا یک مجموعه وسیع و پیشرفته. با همکاری با امین رایان، همیشه به‌روز و حرفه‌ای باقی بمانید و از جدیدترین امکانات دیجیتال بهره‌مند شوید.
|
|
</p>
|
|
</MotionRevealItem>
|
|
<MotionRevealItem>
|
|
<div className="mt-6 flex flex-col gap-4 sm:flex-row sm:justify-start">
|
|
<Button size="lg" className="w-full sm:w-auto" asChild>
|
|
<a href="#contact">تماس با ما</a>
|
|
</Button>
|
|
</div>
|
|
</MotionRevealItem>
|
|
</MotionReveal>
|
|
<MotionReveal className="min-w-0 w-full lg:w-1/2">
|
|
<div className="relative">
|
|
<div className="local-highlight local-highlight--soft" aria-hidden />
|
|
<div className="media-frame relative z-[1] rounded-xl">
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
<img
|
|
src="/assets/main-pic/about-us.jpg"
|
|
alt="تصویر امین رایان"
|
|
className="max-h-[22rem] w-full rounded-[inherit] object-cover sm:max-h-[28rem] lg:max-h-[580px]"
|
|
/>
|
|
<BorderBeam
|
|
duration={6}
|
|
size={200}
|
|
borderWidth={1}
|
|
colorFrom="#29A19C"
|
|
colorTo="#044343"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</MotionReveal>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|