ar.badiei/aragrp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added all new chanes

Browse Source
This commit is contained in:
ahmadrezabd
2025-12-15 21:02:35 +03:30
parent adc5122b0a
commit d02c44e4c4
9 changed files with 41 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/hero-section.tsx
+9 -25
View File
@@ -78,10 +78,6 @@ export default function HeroSection() {
/>
</AnimatedGroup>
<div
aria-hidden
className="absolute inset-0 -z-10 size-full [background:radial-gradient(125%_125%_at_50%_100%,transparent_0%,var(--color-background)_75%)]"
/>
<div className="mx-auto max-w-7xl px-6">
<div className="text-center sm:mx-auto lg:mr-auto lg:mt-0">
@@ -172,11 +168,11 @@ export default function HeroSection() {
...transitionVariants,
}}
>
<div className="mask-b-from-55% relative -mr-56 mt-8 overflow-hidden px-2 sm:mr-0 sm:mt-12 md:mt-20">
<div className="inset-shadow-2xs ring-background dark:inset-shadow-white/20 bg-background relative mx-auto max-w-6xl overflow-hidden rounded-2xl border p-4 shadow-lg shadow-zinc-950/15 ring-1">
<div className="relative -mr-56 mt-8 overflow-hidden px-2 sm:mr-0 sm:mt-12 md:mt-20">
<div className="ring-background bg-background relative mx-auto max-w-6xl overflow-hidden rounded-2xl border ring-1 shadow-[0_20px_50px_rgba(59,130,246,0.4)]">
<Image
className="bg-background aspect-15/8 relative rounded-2xl object-contain"
src="/assets/hero-integration.png.png"
className="bg-background aspect-15/8 relative w-full h-full rounded-2xl object-cover"
src="/assets/1.jpg"
alt="یکپارچه‌سازی سیستم‌ها و شبکه دیجیتال"
width={2700}
height={1440}
@@ -198,7 +194,7 @@ export default function HeroSection() {
<ChevronRight className="ml-1 inline-block size-3" />
</Link>
</div>
<div className="group-hover:blur-xs mx-auto mt-12 grid max-w-4xl grid-cols-5 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14">
<div className="group-hover:blur-xs mx-auto mt-12 grid max-w-4xl grid-cols-4 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14">
<LogoItem
icon="logos:telegram"
alt="Telegram Logo"
@@ -217,19 +213,13 @@ export default function HeroSection() {
size="md"
className="-translate-x-2"
/>
<LogoItem
icon="logos:microsoft-windows-icon"
alt="Microsoft Windows Logo"
size="md"
className="translate-x-2"
/>
<LogoItem
icon="logos:google-icon"
alt="Google Logo"
size="md"
className="translate-x-5"
/>
<div className="col-span-5 flex justify-center gap-12 sm:gap-16">
<div className="col-span-4 flex justify-center gap-x-12 sm:gap-x-40">
<LogoItem
icon="logos:zapier-icon"
alt="Zapier Logo"
@@ -237,16 +227,10 @@ export default function HeroSection() {
className="translate-x-0"
/>
<LogoItem
icon="logos:android-icon"
alt="Android Logo"
icon="logos:microsoft-windows-icon"
alt="Microsoft Windows Logo"
size="md"
className="translate-x-3"
/>
<LogoItem
icon="logos:amp-icon"
alt="AMP Logo"
size="md"
className="-translate-x-1"
className="translate-x-2"
/>
<LogoItem
icon="logos:ios"