initial commit
This commit is contained in:
ahmadrezabd
@@ -11,16 +11,16 @@ export default function ContentSection() {
|
||||
<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">
|
||||
<Image
|
||||
src="/payments.png"
|
||||
className="hidden rounded-[15px] dark:block"
|
||||
alt="payments illustration dark"
|
||||
src="https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80"
|
||||
className="hidden rounded-[15px] dark:block object-cover"
|
||||
alt="Modern abstract technology"
|
||||
width={1207}
|
||||
height={929}
|
||||
/>
|
||||
<Image
|
||||
src="/payments-light.png"
|
||||
className="rounded-[15px] shadow dark:hidden"
|
||||
alt="payments illustration light"
|
||||
src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80"
|
||||
className="rounded-[15px] shadow dark:hidden object-cover"
|
||||
alt="Modern abstract design"
|
||||
width={1207}
|
||||
height={929}
|
||||
/>
|
||||
@@ -52,13 +52,7 @@ export default function ContentSection() {
|
||||
|
||||
<div className="mt-6 space-y-3">
|
||||
<cite className="block font-medium">جان دو، مدیرعامل</cite>
|
||||
<img
|
||||
className="h-5 w-fit dark:invert"
|
||||
src="https://html.tailus.io/blocks/customers/nvidia.svg"
|
||||
alt="Nvidia Logo"
|
||||
height="20"
|
||||
width="auto"
|
||||
/>
|
||||
<div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
|
||||
@@ -22,19 +22,19 @@ export default function Features() {
|
||||
|
||||
const images = {
|
||||
"item-1": {
|
||||
image: "/charts.png",
|
||||
image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1207&h=929&fit=crop&q=80",
|
||||
alt: "Database visualization",
|
||||
},
|
||||
"item-2": {
|
||||
image: "/music.png",
|
||||
image: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1207&h=929&fit=crop&q=80",
|
||||
alt: "Security authentication",
|
||||
},
|
||||
"item-3": {
|
||||
image: "/mail2.png",
|
||||
image: "https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80",
|
||||
alt: "Identity management",
|
||||
},
|
||||
"item-4": {
|
||||
image: "/payments.png",
|
||||
image: "https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80",
|
||||
alt: "Analytics dashboard",
|
||||
},
|
||||
};
|
||||
|
||||
@@ -77,14 +77,6 @@ export const HeroHeader = () => {
|
||||
</ul>
|
||||
</div>
|
||||
<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
|
||||
asChild
|
||||
size="sm"
|
||||
|
||||
+20
-70
@@ -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>
|
||||
|
||||
+4
-28
@@ -78,34 +78,10 @@ export default function Pricing() {
|
||||
تیم ما آماده است تا بر اساس نیازهای خاص شما، بهترین پکیج را طراحی کند.
|
||||
</p>
|
||||
<div className="mt-12 flex flex-wrap items-center justify-between gap-6">
|
||||
<img
|
||||
className="h-5 w-fit dark:invert"
|
||||
src="https://html.tailus.io/blocks/customers/nvidia.svg"
|
||||
alt="Nvidia Logo"
|
||||
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 className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
|
||||
<div className="h-10 w-16 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
|
||||
<div className="h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#216583] opacity-80"></div>
|
||||
<div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#F7BE16] to-[#00818A] opacity-80"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -7,6 +7,10 @@ const nextConfig: NextConfig = {
|
||||
protocol: "https",
|
||||
hostname: "ik.imagekit.io",
|
||||
},
|
||||
{
|
||||
protocol: "https",
|
||||
hostname: "images.unsplash.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user