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

initial commit

Browse Source
This commit is contained in:
ahmadrezabd
2025-12-04 09:54:46 +03:30
parent 242161dcdb
commit 89308c8a8c
6 changed files with 39 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/hero-section.tsx
+20 -70
View File
@@ -174,18 +174,18 @@ export default function HeroSection() {
<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">
<Image
className="bg-background aspect-15/8 relative hidden rounded-2xl dark:block"
src="/mail2.png"
alt="app screen"
width="2700"
height="1440"
className="bg-background aspect-15/8 relative hidden rounded-2xl dark:block object-cover"
src="https://images.unsplash.com/photo-1557683316-973673baf926?w=2700&h=1440&fit=crop&q=80"
alt="Modern abstract technology"
width={2700}
height={1440}
/>
<Image
className="z-2 border-border/25 aspect-15/8 relative rounded-2xl border dark:hidden"
src="/mail2-light.png"
alt="app screen"
width="2700"
height="1440"
className="z-2 border-border/25 aspect-15/8 relative rounded-2xl border dark:hidden object-cover"
src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=2700&h=1440&fit=crop&q=80"
alt="Modern abstract design"
width={2700}
height={1440}
/>
</div>
</div>
@@ -206,78 +206,28 @@ export default function HeroSection() {
</div>
<div className="group-hover:blur-xs mx-auto mt-12 grid max-w-2xl 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">
<div className="flex">
<img
className="mx-auto h-5 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/nvidia.svg"
alt="Nvidia Logo"
height="20"
width="auto"
/>
</div>
<div className="flex">
<img
className="mx-auto h-4 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/column.svg"
alt="Column Logo"
height="16"
width="auto"
/>
<div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
</div>
<div className="flex">
<img
className="mx-auto h-4 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/github.svg"
alt="GitHub Logo"
height="16"
width="auto"
/>
<div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
</div>
<div className="flex">
<img
className="mx-auto h-5 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/nike.svg"
alt="Nike Logo"
height="20"
width="auto"
/>
<div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#216583] opacity-80"></div>
</div>
<div className="flex">
<img
className="mx-auto h-5 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/lemonsqueezy.svg"
alt="Lemon Squeezy Logo"
height="20"
width="auto"
/>
<div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#F7BE16] to-[#00818A] opacity-80"></div>
</div>
<div className="flex">
<img
className="mx-auto h-4 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/laravel.svg"
alt="Laravel Logo"
height="16"
width="auto"
/>
<div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#293462] opacity-80"></div>
</div>
<div className="flex">
<img
className="mx-auto h-7 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/lilly.svg"
alt="Lilly Logo"
height="28"
width="auto"
/>
<div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#F7BE16] opacity-80"></div>
</div>
<div className="flex">
<img
className="mx-auto h-6 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/openai.svg"
alt="OpenAI Logo"
height="24"
width="auto"
/>
<div className="mx-auto h-14 w-24 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
</div>
<div className="flex">
<div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
</div>
</div>
</div>