From c05d7072f0c83cf8ccb2011ec88f14654494f11c Mon Sep 17 00:00:00 2001 From: hamid zarghami Date: Sat, 12 Apr 2025 09:39:55 +0330 Subject: [PATCH] blog --- public/images/instagram2.svg | 12 ++++ public/images/linkedin2.svg | 3 + public/images/youtube.svg | 11 +++ src/app/blogs/[id]/page.tsx | 84 +++++++++++++++++++++++ src/app/blogs/components/BigBlogItem.tsx | 50 ++++++++++++++ src/app/blogs/components/Category.tsx | 28 ++++++++ src/app/blogs/components/ContactUs.tsx | 72 +++++++++++++++++++ src/app/blogs/components/MiniBlogItem.tsx | 21 ++++++ src/app/blogs/components/MostVisited.tsx | 20 ++++++ src/app/blogs/page.tsx | 31 ++++++++- src/app/globals.css | 11 +++ 11 files changed, 342 insertions(+), 1 deletion(-) create mode 100644 public/images/instagram2.svg create mode 100644 public/images/linkedin2.svg create mode 100644 public/images/youtube.svg create mode 100644 src/app/blogs/[id]/page.tsx create mode 100644 src/app/blogs/components/BigBlogItem.tsx create mode 100644 src/app/blogs/components/Category.tsx create mode 100644 src/app/blogs/components/ContactUs.tsx create mode 100644 src/app/blogs/components/MiniBlogItem.tsx create mode 100644 src/app/blogs/components/MostVisited.tsx diff --git a/public/images/instagram2.svg b/public/images/instagram2.svg new file mode 100644 index 0000000..c09c791 --- /dev/null +++ b/public/images/instagram2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/images/linkedin2.svg b/public/images/linkedin2.svg new file mode 100644 index 0000000..44fd5d8 --- /dev/null +++ b/public/images/linkedin2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/youtube.svg b/public/images/youtube.svg new file mode 100644 index 0000000..ef7d61f --- /dev/null +++ b/public/images/youtube.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/app/blogs/[id]/page.tsx b/src/app/blogs/[id]/page.tsx new file mode 100644 index 0000000..97da2e5 --- /dev/null +++ b/src/app/blogs/[id]/page.tsx @@ -0,0 +1,84 @@ +import { Profile, Calendar } from 'iconsax-react' +import { NextPage } from 'next' +import Image from 'next/image' +import MostVisited from '../components/MostVisited' +import ContactUs from '../components/ContactUs' + +const SingleBlog: NextPage = () => { + return ( +
+

+ سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟ +

+ +
+
+
+
+
+
دسته بندی
+
+ +
+ +
نویسنده
+
+ +
+ +
۱۴۰۳/۱۲/۰۱
+
+
+ +
+ blog +
+ +

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیردچاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد +

+ +
+
اشتراک گذاری
+ share + share + share +
+
+ +
+ +
+ +
+
+ +
+
+
+
+ ) +} + +export default SingleBlog \ No newline at end of file diff --git a/src/app/blogs/components/BigBlogItem.tsx b/src/app/blogs/components/BigBlogItem.tsx new file mode 100644 index 0000000..a9b0c96 --- /dev/null +++ b/src/app/blogs/components/BigBlogItem.tsx @@ -0,0 +1,50 @@ +import { FC } from 'react' +import Image from 'next/image' +import { ArrowLeft, Calendar2, Profile } from 'iconsax-react' +const BigBlogItem: FC = () => { + return ( +
+ blog +
+

+ سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟ +

+ +
+
+ +
+ نویسنده +
+
+
+ +
+ ۱۴۰۳/۱۲/۰۱ +
+
+
+ +

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

+ +
+
ادامه ی مطلب
+ +
+
+
+ ) +} + +export default BigBlogItem \ No newline at end of file diff --git a/src/app/blogs/components/Category.tsx b/src/app/blogs/components/Category.tsx new file mode 100644 index 0000000..27e2a85 --- /dev/null +++ b/src/app/blogs/components/Category.tsx @@ -0,0 +1,28 @@ +import { clx } from '@/helpers/utils' +import { FC } from 'react' + +const Category: FC = () => { + return ( +
+

+ دسته بندی مطالب +

+ +
+
+
+
همه
+
+
+
+
تکنولوژی
+
+
+
+ ) +} + +export default Category \ No newline at end of file diff --git a/src/app/blogs/components/ContactUs.tsx b/src/app/blogs/components/ContactUs.tsx new file mode 100644 index 0000000..c80dda8 --- /dev/null +++ b/src/app/blogs/components/ContactUs.tsx @@ -0,0 +1,72 @@ +import Image from 'next/image' +import { FC } from 'react' + +const ContactUs: FC = () => { + return ( +
+

+ تماس با ما +

+ +
+
+ contact us + +
+
+ لینکدین داناک +
+
+ به ما بپیوندید +
+
+
+
+ contact us + +
+
+ یوتیوب داناک +
+
+ به ما بپیوندید +
+
+
+
+ +
+ contact us + +
+
+ اینستاگرام داناک +
+
+ به ما بپیوندید +
+
+
+
+ ) +} + +export default ContactUs \ No newline at end of file diff --git a/src/app/blogs/components/MiniBlogItem.tsx b/src/app/blogs/components/MiniBlogItem.tsx new file mode 100644 index 0000000..d2a552f --- /dev/null +++ b/src/app/blogs/components/MiniBlogItem.tsx @@ -0,0 +1,21 @@ +import Image from 'next/image' +import { FC } from 'react' + +const MiniBlogItem: FC = () => { + return ( +
+ blog +
+ سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟ +
+
+ ) +} + +export default MiniBlogItem \ No newline at end of file diff --git a/src/app/blogs/components/MostVisited.tsx b/src/app/blogs/components/MostVisited.tsx new file mode 100644 index 0000000..e9df34a --- /dev/null +++ b/src/app/blogs/components/MostVisited.tsx @@ -0,0 +1,20 @@ +import { FC } from 'react' +import MiniBlogItem from './MiniBlogItem' + +const MostVisited: FC = () => { + return ( +
+

+ پر بازدیدترین ها +

+ +
+ + + +
+
+ ) +} + +export default MostVisited \ No newline at end of file diff --git a/src/app/blogs/page.tsx b/src/app/blogs/page.tsx index 8319be3..98de188 100644 --- a/src/app/blogs/page.tsx +++ b/src/app/blogs/page.tsx @@ -1,10 +1,39 @@ import { FC } from 'react' import HeroSection from './components/HeroSection' - +import Category from './components/Category' +import BigBlogItem from './components/BigBlogItem' +import MostVisited from './components/MostVisited' +import ContactUs from './components/ContactUs' const Blogs: FC = () => { return (
+ +

+ مجله داناک +

+ +
+
+ +
+ +
+ + + +
+ +
+ +
+ +
+
+ +
+
+
) } diff --git a/src/app/globals.css b/src/app/globals.css index 3100edf..c4146f9 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -71,3 +71,14 @@ tbody tr { .dltr { direction: ltr; } + +.instagram-gradient { + background: linear-gradient( + 45deg, + #f09433 0%, + #e6683c 25%, + #dc2743 50%, + #cc2366 75%, + #bc1888 100% + ); +}