From 2a76161a2fc7ad2139f5de5e6baf50c60e248ae4 Mon Sep 17 00:00:00 2001 From: hamid zarghami Date: Wed, 26 Mar 2025 23:47:51 +0330 Subject: [PATCH] blog collaboration in landing --- next.config.ts | 13 +++++++ src/app/globals.css | 14 ++++++++ src/app/home/Blog.tsx | 21 ++++++++++++ src/app/home/Collaboration.tsx | 58 ++++++++++++++++++++++++++++++++ src/app/home/DanakServices.tsx | 20 +++-------- src/app/page.tsx | 6 ++++ src/components/BlogItem.tsx | 31 +++++++++++++++++ src/components/InfoBox.tsx | 2 +- src/components/SectionHeader.tsx | 26 ++++++++++++++ 9 files changed, 175 insertions(+), 16 deletions(-) create mode 100644 src/app/home/Blog.tsx create mode 100644 src/app/home/Collaboration.tsx create mode 100644 src/components/BlogItem.tsx create mode 100644 src/components/SectionHeader.tsx diff --git a/next.config.ts b/next.config.ts index e9ffa30..60c3351 100644 --- a/next.config.ts +++ b/next.config.ts @@ -2,6 +2,19 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { /* config options here */ + images: { + domains: ["*"], + remotePatterns: [ + { + protocol: "https", + hostname: "**", + }, + { + protocol: "http", + hostname: "**", + }, + ], + }, }; export default nextConfig; diff --git a/src/app/globals.css b/src/app/globals.css index 6cccb40..4c5bccb 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -53,3 +53,17 @@ tbody tr { border-top-left-radius: 23px; /* border-bottom-left-radius: 23px; */ } + +.modalGlass2 { + background: rgba(0, 0, 0, 0.8); + background-blend-mode: multiply; + + /* backdrop-filter: blur(5px); */ +} + +.modalGlass3 { + background: rgba(0, 0, 0, 0.4); + background-blend-mode: multiply; + + backdrop-filter: blur(44px); +} diff --git a/src/app/home/Blog.tsx b/src/app/home/Blog.tsx new file mode 100644 index 0000000..6d726d6 --- /dev/null +++ b/src/app/home/Blog.tsx @@ -0,0 +1,21 @@ +import BlogItem from '@/components/BlogItem' +import SectionHeader from '@/components/SectionHeader' +import { FC } from 'react' + +const Blog: FC = () => { + return ( +
+ + +
+ + + +
+
+ ) +} + +export default Blog \ No newline at end of file diff --git a/src/app/home/Collaboration.tsx b/src/app/home/Collaboration.tsx new file mode 100644 index 0000000..b1773f5 --- /dev/null +++ b/src/app/home/Collaboration.tsx @@ -0,0 +1,58 @@ +import Button from '@/components/Button' +import InfoBox from '@/components/InfoBox' +import { DocumentCode, FavoriteChart } from 'iconsax-react' +import { FC } from 'react' + +const Collaboration: FC = () => { + return ( +
+
+
+

+ همکاری با داناک +

+ +

+ با پیوستن به داناک، فرصت‌های جدیدی برای رشد و کسب درآمد خواهید داشت. چه به‌عنوان نماینده فروش و چه به‌عنوان توسعه‌دهنده، ما بستر مناسبی برای موفقیت شما فراهم کرده‌ایم. +

+ +
+
+
+ +
+
+ } + title='توسعه دهندگان' + description='اگر توسعه‌دهنده نرم‌افزار هستید، مارکت‌پلیس داناک بستری ایده‌آل برای عرضه محصولات شماست. نرم‌افزارهای خود را به مشتریان گسترده معرفی کنید و از یک پلتفرم حرفه‌ای برای فروش و پشتیبانی بهره ببرید.' + /> +
+
+ } + title='نمایندگان فروش' + description='اگر به فروش و بازاریابی علاقه دارید، می‌توانید به‌عنوان نماینده فروش محصولات ما فعالیت کنید. با دسترسی به مجموعه‌ای از راهکارهای نرم‌افزاری باکیفیت، کسب درآمد کنید و شبکه تجاری خود را گسترش دهید.' + /> +
+
+
+
+ ) +} + +export default Collaboration \ No newline at end of file diff --git a/src/app/home/DanakServices.tsx b/src/app/home/DanakServices.tsx index 327b69d..f4c5ce7 100644 --- a/src/app/home/DanakServices.tsx +++ b/src/app/home/DanakServices.tsx @@ -1,7 +1,7 @@ 'use client' +import SectionHeader from '@/components/SectionHeader' import ServiceItem from '@/components/ServiceItem' import { clx } from '@/helpers/utils' -import { ArrowLeft } from 'iconsax-react' import { FC, useState } from 'react' import { Swiper, SwiperSlide } from 'swiper/react' @@ -10,20 +10,10 @@ const DanakServices: FC = () => { const [categoryId, setCategoryId] = useState('') return ( -
-
-

- سرویس های داناک -

- -
-
مشاهده همه
- -
-
+
+
{ return ( @@ -18,6 +20,10 @@ const Home: NextPage = () => { + + + +
) } diff --git a/src/components/BlogItem.tsx b/src/components/BlogItem.tsx new file mode 100644 index 0000000..5b599cc --- /dev/null +++ b/src/components/BlogItem.tsx @@ -0,0 +1,31 @@ +import Image from 'next/image' +import { FC } from 'react' + +const BlogItem: FC = () => { + return ( +
+ blog + +
+ دسته بندی +
+ +
+
+ سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟ +
+ +

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه... +

+
+
+ ) +} + +export default BlogItem \ No newline at end of file diff --git a/src/components/InfoBox.tsx b/src/components/InfoBox.tsx index 6056295..570443f 100644 --- a/src/components/InfoBox.tsx +++ b/src/components/InfoBox.tsx @@ -8,7 +8,7 @@ type Props = { const InfoBox: FC = (props: Props) => { return ( -
+
{props.icon} diff --git a/src/components/SectionHeader.tsx b/src/components/SectionHeader.tsx new file mode 100644 index 0000000..58be4b5 --- /dev/null +++ b/src/components/SectionHeader.tsx @@ -0,0 +1,26 @@ +import { ArrowLeft } from 'iconsax-react' +import { FC } from 'react' + +type Props = { + title: string +} + +const SectionHeader: FC = (props) => { + return ( +
+

+ {props.title} +

+ +
+
مشاهده همه
+ +
+
+ ) +} + +export default SectionHeader \ No newline at end of file