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/content-1.tsx
+7 -13
View File
@@ -11,16 +11,16 @@ export default function ContentSection() {
<div className="relative mb-6 sm:mb-0"> <div className="relative mb-6 sm:mb-0">
<div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700"> <div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700">
<Image <Image
src="/payments.png" src="https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80"
className="hidden rounded-[15px] dark:block" className="hidden rounded-[15px] dark:block object-cover"
alt="payments illustration dark" alt="Modern abstract technology"
width={1207} width={1207}
height={929} height={929}
/> />
<Image <Image
src="/payments-light.png" src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80"
className="rounded-[15px] shadow dark:hidden" className="rounded-[15px] shadow dark:hidden object-cover"
alt="payments illustration light" alt="Modern abstract design"
width={1207} width={1207}
height={929} height={929}
/> />
@@ -52,13 +52,7 @@ export default function ContentSection() {
<div className="mt-6 space-y-3"> <div className="mt-6 space-y-3">
<cite className="block font-medium">جان دو، مدیرعامل</cite> <cite className="block font-medium">جان دو، مدیرعامل</cite>
<img <div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
className="h-5 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/nvidia.svg"
alt="Nvidia Logo"
height="20"
width="auto"
/>
</div> </div>
</blockquote> </blockquote>
</div> </div>
components/features-12.tsx
+4 -4
View File
@@ -22,19 +22,19 @@ export default function Features() {
const images = { const images = {
"item-1": { "item-1": {
image: "/charts.png", image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1207&h=929&fit=crop&q=80",
alt: "Database visualization", alt: "Database visualization",
}, },
"item-2": { "item-2": {
image: "/music.png", image: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1207&h=929&fit=crop&q=80",
alt: "Security authentication", alt: "Security authentication",
}, },
"item-3": { "item-3": {
image: "/mail2.png", image: "https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80",
alt: "Identity management", alt: "Identity management",
}, },
"item-4": { "item-4": {
image: "/payments.png", image: "https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80",
alt: "Analytics dashboard", alt: "Analytics dashboard",
}, },
}; };
components/header.tsx
-8
View File
@@ -77,14 +77,6 @@ export const HeroHeader = () => {
</ul> </ul>
</div> </div>
<div className="flex w-full flex-col space-y-3 sm:flex-row sm:gap-3 sm:space-y-0 md:w-fit"> <div className="flex w-full flex-col space-y-3 sm:flex-row sm:gap-3 sm:space-y-0 md:w-fit">
<Button
asChild
size="sm"
className={cn(isScrolled && 'lg:hidden')}>
<Link href="/login">
<span>ورود / ثبت‌نام</span>
</Link>
</Button>
<Button <Button
asChild asChild
size="sm" size="sm"
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="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="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 <Image
className="bg-background aspect-15/8 relative hidden rounded-2xl dark:block" className="bg-background aspect-15/8 relative hidden rounded-2xl dark:block object-cover"
src="/mail2.png" src="https://images.unsplash.com/photo-1557683316-973673baf926?w=2700&h=1440&fit=crop&q=80"
alt="app screen" alt="Modern abstract technology"
width="2700" width={2700}
height="1440" height={1440}
/> />
<Image <Image
className="z-2 border-border/25 aspect-15/8 relative rounded-2xl border dark:hidden" className="z-2 border-border/25 aspect-15/8 relative rounded-2xl border dark:hidden object-cover"
src="/mail2-light.png" src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=2700&h=1440&fit=crop&q=80"
alt="app screen" alt="Modern abstract design"
width="2700" width={2700}
height="1440" height={1440}
/> />
</div> </div>
</div> </div>
@@ -206,78 +206,28 @@ export default function HeroSection() {
</div> </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="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"> <div className="flex">
<img <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
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> </div>
<div className="flex"> <div className="flex">
<img <div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
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> </div>
<div className="flex"> <div className="flex">
<img <div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#216583] opacity-80"></div>
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> </div>
<div className="flex"> <div className="flex">
<img <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#F7BE16] to-[#00818A] opacity-80"></div>
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> </div>
<div className="flex"> <div className="flex">
<img <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#293462] opacity-80"></div>
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> </div>
<div className="flex"> <div className="flex">
<img <div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#F7BE16] opacity-80"></div>
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> </div>
<div className="flex"> <div className="flex">
<img <div className="mx-auto h-14 w-24 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
className="mx-auto h-6 w-fit dark:invert" </div>
src="https://html.tailus.io/blocks/customers/openai.svg" <div className="flex">
alt="OpenAI Logo" <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
height="24"
width="auto"
/>
</div> </div>
</div> </div>
</div> </div>
components/pricing.tsx
+4 -28
View File
@@ -78,34 +78,10 @@ export default function Pricing() {
تیم ما آماده است تا بر اساس نیازهای خاص شما، بهترین پکیج را طراحی کند. تیم ما آماده است تا بر اساس نیازهای خاص شما، بهترین پکیج را طراحی کند.
</p> </p>
<div className="mt-12 flex flex-wrap items-center justify-between gap-6"> <div className="mt-12 flex flex-wrap items-center justify-between gap-6">
<img <div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
className="h-5 w-fit dark:invert" <div className="h-10 w-16 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
src="https://html.tailus.io/blocks/customers/nvidia.svg" <div className="h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#216583] opacity-80"></div>
alt="Nvidia Logo" <div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#F7BE16] to-[#00818A] opacity-80"></div>
height="20"
width="auto"
/>
<img
className="h-4 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/column.svg"
alt="Column Logo"
height="16"
width="auto"
/>
<img
className="h-4 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/github.svg"
alt="GitHub Logo"
height="16"
width="auto"
/>
<img
className="h-5 w-fit dark:invert"
src="https://html.tailus.io/blocks/customers/nike.svg"
alt="Nike Logo"
height="20"
width="auto"
/>
</div> </div>
</div> </div>
</div> </div>
next.config.ts
+4
View File
@@ -7,6 +7,10 @@ const nextConfig: NextConfig = {
protocol: "https", protocol: "https",
hostname: "ik.imagekit.io", hostname: "ik.imagekit.io",
}, },
{
protocol: "https",
hostname: "images.unsplash.com",
},
], ],
}, },
}; };