پرش به محتوا

هیرو نمونه‌کار مرکزچین

بخش‌های hero · Pro source

یک معرفی مرکزچین برای صفحهٔ اصلی یک نمونه‌کار. احوال‌پرسی، عنوان، پاراگراف موقعیت‌یابی و یک دکمهٔ تماس تکی روی‌هم چیده و مرکزچین داخل یک ستون باریک هستند، و یک برش عریض از عکس طراح تمام‌عرض زیرش اجرا می‌شود، همسطح با پایین نوار پس به هرچه دنبالش می‌آید ادامه می‌دهد. این همتای بلند هیرو نمونه‌کار دوبخشی است: حضور بیشتر، اسکرول بیشتر پیش از شروع کار. هر رنگ یک توکن تم است، پس بدون هیچ ویرایشی در حالت روشن و تاریک از پالت شما پیروی می‌کند.

باز کردن پیش‌نمایش زندهدریافت Neobrutalism Pro
بخش‌های hero
Neobrutalist centred portfolio hero section for React and Tailwind CSS: the centred greeting Hi, my name is Olivia, the headline Turning ideas into interactive realities with the last word boxed and tilted in yellow, a Get in touch button, and a wide crop of a smiling designer in a pink panel with a code-brackets bubble and an Available for freelance label below.
هیرو نمونه‌کار مرکزچین
  • Hero، قیمت‌گذاری و auth
  • پیش‌نمایش هر نقطه شکست
  • منبع را کپی کنید
  • MCP آماده نصب
  • Radix · Base UI · React Aria
  • 158 بلوک‌های آماده
  • بخش‌های صفحه‌ای که ارسال می‌شوند
  • داشبوردها و بازاریابی
  • Pro کد را باز می‌کند
  • چیدمان‌های آماده
پیش‌نمایشرایگانآن را تمام‌صفحه باز کنید و نقطهٔ شکست یا قالب را تغییر دهید.کدProیک فایل TSX خودکفای واحد. آن را کپی کنید، آن را داشته باشید.نصبProیک فرمان CLI شدسی‌ان — یا درخواست عامل برای Claude Code، Cursor یا هر کلاینت MCP.

ساخته شده با

به علاوه آیکون‌های lucide-react و Tailwind CSS — بدون هیچ وابستگی زمان اجرای دیگر.

چیدمان‌های بیشتر بخش‌های hero (7)

مشاهدهٔ همه

https://neobrutalism.com/fa/blocks/hero-sections/centred-portfolio-hero-with-photo

محبوبِ توسعه‌دهندگان، طراحان
و سازندگان

  • اتفاقی به UI kit شما برخوردم و بی‌درنگ برش داشتم. نو است، فعالانه نگه‌داری می‌شود و مدام بهتر می‌شود — کار فوق‌العاده! 🤘

    Ziv Reich, توسعه‌دهندهٔ نرم‌افزار

  • فقط خواستم بگویم: کارِ عالی روی neobrutalism.com. واقعاً دوستش دارم. من در طراحی افتضاحم، برای همین این یک نجات بود. توی سایت شخصی‌ام استفاده‌اش کردم.

    Paul Bratslavsky, سازندهٔ Coding With Paul

  • بالاخره سایت شخصی‌ام را با Neobrutalism.com از نو ساختم — کتابخانهٔ سرگرم‌کننده و شروعش خیلی آسان!

    Cameron Blackwood, سازندهٔ محتوا

  • Neobrutalism.com یکی از کتابخانه‌های محبوبم برای کامپوننت‌های UI با سبک رترو است — کامپوننت‌هایی که واقعاً می‌شود ship کرد.

    Zhengyang Hou, هکر مستقل

  • یکی از کتابخانه‌های ui محبوبم برای وب. کارِ عالی — امیدوارم خیلی جلوتر برود.

    Taseen Tanvir, بنیان‌گذار و طراح

  • Neobrutalism.com Pro را امتحان کردم — UI kit که شبیه بقیه نیست. بلاک‌های نئوبروتالیستی 🔥 پروتوتایپ چیدمان‌های عجیب را خیلی سریع‌تر کردند.

    Nitesh Padghan, نویسندهٔ سایه

  • طراحی لندینگ‌پیج زیبا با تعادل و جریان کامل. پالت رنگی همراه با انیمیشن‌ها تجربهٔ کاربری استثنایی می‌سازد.

    Alan Obeng-Peprah, طراح ارشد @ NativeXAI

  • از طراحی‌ای که تحویل دادند واقعاً تحت‌تأثیرم. محصول نهایی دقیقاً همان چیزی بود که تصور می‌کردم.

    Desmond, هم‌بنیان‌گذار @ VectorlabsVentures

  • به‌عنوان صاحب آژانس معمولاً هفته‌ها صرف پالایش لی‌اوت لندینگ مشتری‌ها می‌کنم. با Neobrutalism.com قالب را می‌گذارم، کپی را تنظیم می‌کنم و آماده‌ام برای انتشار.

    Duke Opoku Amankwah, بنیان‌گذار @ Midas

  • قالب‌ها فقط از نظر بصری خیره‌کننده نیستند؛ ساختارشان هم فوق‌العاده است. هفته‌ها زمان توسعه برایمان صرفه‌جویی کرد.

    Abiola Braimah, توسعه‌دهنده @ Studio IX

  • کیفیت برجسته و دقت در جزئیات. طراحی واکنش‌گرا روی همهٔ دستگاه‌ها بی‌نقص کار می‌کند.

    Acromond X., هم‌بنیان‌گذار @ VectorlabsVentures

  • یکپارچه‌سازی این قالب‌ها در گردش‌کارمان چرخهٔ توسعه را به‌طور چشمگیری کوتاه کرد. کار عالی.

    Raquib S., توسعه‌دهندهٔ بک‌اند

  • این قالب‌ها منبع اصلی ما شده‌اند. کد تمیز، مستندسازی‌شده و به‌راحتی قابل شخصی‌سازی است.

    Hallic M., توسعه‌دهنده @ AtlasLabs

  • قالب‌های Neobrutalism.com تعادل کامل بین زیبایی و کارکرد را برقرار می‌کنند. واقعاً نقطهٔ عطفی برای پروژه‌های ما.

    Ibrahim S., لید فرانت‌اند @ ScaleUp

  • پشتیبانی عالی و قالب‌های باکیفیت premium. ROI این قالب‌ها شگفت‌انگیز است.

    Kevin K., CEO @ WebCraft

  • قالب‌های Neobrutalism.com کاملاً رویکرد ما به پروژه‌های مشتری را عوض کردند. کیفیت کد استثنایی است و طراحی‌ها واقعاً در سطح جهانی‌اند.

    Danny G., بنیان‌گذار DevStack

  • کتابخانه‌های قالب زیادی استفاده کرده‌ام، اما Neobrutalism.com به‌خاطر توجه به بهینه‌سازی عملکرد و معماری کد تمیز متمایز است.

    Ian D., CTO در Wavelength

  • انیمیشن‌ها و ریزتعامل‌های این قالب‌ها مطلقاً خیره‌کننده‌اند. بهترین سرمایه‌گذاری برای تیم طراحی ما.

    Ben S., لید دیزاینر در PixelPerfect

  • به‌عنوان بنیان‌گذار غیرفنی، قالب‌های Neobrutalism.com کمک کردند MVP را در زمانی رکوردی بدون قربانی‌کردن کیفیت طراحی لانچ کنیم. سرمایه‌گذارانمان شگفت‌زده شدند.

    Matthew I., بنیان‌گذار استارتاپ

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

    Garrett P., لید فرانت‌اند در TechFusion

  • ROI قالب‌های Neobrutalism.com باورنکردنی است. زمان توسعه را به‌شدت کم کردیم و همزمان سایت‌های باکیفیت‌تری به مشتری‌ها تحویل می‌دهیم.

    Xavier C., صاحب آژانس

سؤالات
پرتکرار

نحوهٔ ساختٔ بلاک هیرو نمونه‌کار مرکزچین، آنچه می‌توانید تغییر دهید، و زمانی که آن را به جای سایر چیدمان‌ها در اینجا استفاده کنید.

مشکل دسترسی؟ ایمیل[email protected]
Get Pro — Save 33%--:--:--