رفتن به محتوا
اندازه‌ی نمایش
تم
جهت

سکشن‌ها

سکشن‌های صفحه به‌صورت مجزا — هیرو، گرید نمونه‌کارها، نظرات مشتریان، تماس، و بقیه‌ی حدود ۴۰ سکشنی که صفحات ترکیبی Rhythm را می‌سازند.

About

نقل‌قول استودیو + گرید متن، و بعدش گرید مونوگرام تیم.

www/index.html:104-266

Banner

سکشن تبلیغاتی دوبخشی با پس‌زمینه‌ی عکس تیره و یک دکمه‌ی فراخوان.

www/index.html:507-537

Blog list (classic)

لیست ترکیبی پست‌ها — قالب متنی، بلاک‌کوت، ویدیوی امبدشده، و گالری — همراه با سایدبار (جستجو، دسته‌ها، تگ‌ها، پست‌ها/کامنت‌های اخیر، آرشیو). `sidebar` هر سه حالت چپ/راست/تمام‌عرض را پوشش می‌دهد.

blog-classic-sidebar-left/right/fullwidth.html

Blog post (single)

جزئیات یک پست: عنوان، گالری، متن اصلی، لیست کامنت‌ها، و یک فرم کامنت اعتبارسنجی‌شده (react-hook-form + zod، بدون بک‌اند واقعی برای ارسال).

blog-single-sidebar-left/right/fullwidth.html

Client logos

نوار وردمارک برای بخش «مورد اعتماد» — در صفحات درباره و مشتریان دیده می‌شود.

pages-about-1/2/3.html + pages-clients.html ("Logotypes Section")

Contact

جزئیات تماس، یک فرم اعتبارسنجی‌شده، و نقشه‌ی جمع‌شونده.

www/index.html:1030-1181

CTA banner

نوار فراخوان کوچک و وسط‌چین.

www/index.html:680-692

Features

گرید ویژگی‌ها با آیکون + متن.

www/index.html:696-807

Gallery grid

PortfolioGrid با `hover="none"` و بدون عنوان/فیلتر — یک گرید عکس لایت‌باکسی ساده. `columns` (۱ تا ۶) هر پنج فایل pages-gallery-*col.html را پوشش می‌دهد.

pages-gallery-1col.html … -6col.html

Hero

هیروی تمام‌صفحه با پس‌زمینه‌ی پارالاکس و یک دکمه‌ی فراخوان.

www/index.html:73-99

Login / registration

فرم‌های تب‌دار ورود و ثبت‌نام، اعتبارسنجی‌شده با react-hook-form + zod. بدون بک‌اند واقعی — یک دمو، نه احراز هویت واقعی.

pages-account.html

Newsletter

فرم عضویت ایمیلی درون‌خطی با اعتبارسنجی زنده.

www/index.html:995-1025

Portfolio grid — boxed, titles

گرید محصور با گاتر و عنوان ثابت. پراپ‌ها (columns/gutter/showTitles/hover/masonry/wide) هر ۳۵ نوع گرید boxed/wide/masonry را پوشش می‌دهند.

portfolio-boxed-titles-3col.html

Portfolio grid — masonry, wide, black hover

همان کامپوننت PortfolioGrid، این‌بار انتهای دیگر طیف پراپ‌ها: چیدمان masonry با CSS-columns، تمام‌عرض، overlay هاور مشکی.

portfolio-masonry-4col.html + portfolio-boxed-blackhover.html

Portfolio single (case study)

جزئیات یک کیس‌استادی: بنر عنوان، نوار متا، گالری عکس، متن توضیحی، کارهای مرتبط، ناوبری قبلی/بعدی.

portfolio-single-1.html … -5.html

Post grid — columns

گرید معمولی، سه‌ستونه. `columns`/`masonry` هر شش فایل blog-columns-*/blog-masonry-*.html را پوشش می‌دهند؛ همین کامپوننت بخش اخبار هوم‌پیج را هم می‌سازد.

blog-columns-2col.html … -4col.html

Post grid — masonry

همان کامپوننت PostGrid، این‌بار با `masonry` روشن — چیدمان CSS-columns، بدون Isotope.

blog-masonry-2col.html … -4col.html

Posts

گرید پیش‌نمایش آخرین اخبار.

www/index.html:894-991

Pricing table

سه یا چهار پلن، یکی به‌صورت اختیاری برجسته. `tiers.length` هم pages-pricing-1.html (سه پلن، برجسته) و هم -2.html (چهار پلن، بدون برجسته) را پوشش می‌دهد.

pages-pricing-1.html + pages-pricing-2.html

Product detail

گالری تصاویر بندانگشتی، تعداد + افزودن به سبد، امتیاز ستاره‌ای، و تب‌های توضیحات/مشخصات/نظرات.

shop-single.html

Product grid

گرید فروشگاه — نشان تخفیف، قیمت خط‌خورده، و وضعیت «افزودن به سبد» برای هر کارت.

shop-columns-2col.html … -4col.html

Services

فهرست تب‌دار خدمات — نقل‌قول به‌همراه متن دوستونه در هر تب.

www/index.html:273-503

Shopping cart

وضعیت واقعی هر ردیف — تغییر تعداد و حذف، جمع جزء و جمع کل سفارش را زنده دوباره محاسبه می‌کند.

shop-cart.html

Team grid — 4 columns

همان کامپوننت TeamGrid که بخش درباره‌ی هوم‌پیج از آن استفاده می‌کند (سه ستون، پیش‌فرض)؛ `columns={4}` حالت pages-team-2.html را پوشش می‌دهد.

pages-team-1.html + pages-team-2.html

Testimonials

کاروسل نقل‌قول با پخش خودکار و ناوبری نقطه‌ای.

www/index.html:811-889

Works grid

گرید نمونه‌کارهای فیلترپذیر با یک لایت‌باکس مشترک.

www/index.html:541-676