AD
Arrio Developer

Layout - Copy this React, Tailwind Component to your project

Header: Displays the website name "SHoNgxBoNg" in a bold and stylish font. Positioned at the top of the page with a red bordered design. Login Form: Centered on the page, enclosed within a rounded rectangular box with a red border. Includes the following fields: Username Field: For users to input their usernames. Password Field: For users to input their passwords. Two buttons below the fields: "تسجيل دخول" (Login): Standard login button. "تسجيل بـ Discord" (Register with Discord): A button styled in blue for registering through Discord. Main Content Section: Displays text: "Background or wallpaper about shong" in a bold and large font, emphasizing the purpose of the website. About Section: Titled "نبذة عن الموقع" (About the Website). Contains placeholder text that provides details about the website's purpose and content. Design Aesthetic: Colors: Black, white, red (for borders and highlights), and blue (for the Discord button). Layout: Clean and minimalistic with a modern font style for the title and content. Borders: Red borders accentuate key sections, giving the website a cohesive design.

Prompt
Component Preview

About

Layout - Features a bold header, centered login form with username and password fields, and a stylish Discord button. Built with React. Get component free!

Share

Last updated 1 month ago