Back to Projects
2025
Mansha & Brothers
Mansha & Brothers is a modern corporate website built with Next.js and Tailwind CSS, designed to represent the company’s values of craftsmanship, innovation, and excellence. The site emphasizes performance, minimalism, and a seamless browsing experience across all devices.
Type : customTech Stack : Next.jsLanding Page
Color Pallete
This project’s color palette is designed to create a cohesive visual experience. The chosen colors balance contrast and harmony, reinforcing brand identity while maintaining readability and aesthetic appeal.
#3C9BE8
Typography
The typography of this project is designed to create a clear visual hierarchy and enhance readability across all devices. A combination of elegant display fonts for headings and clean sans-serif fonts for body text ensures both style and legibility. Font sizes are carefully balanced to maintain consistency, accessibility, and a modern visual appeal throughout the user interface.
Font Sizes:
Heading: 43px
Sub Heading: 40px
Paragraph: 19px
ui-sans-serif
Google Fonts
Extra Bold
Bold
Regular
Responsiveness
Fully responsive design optimized for mobile, tablet, and laptop devices to ensure a smooth user experience across all platforms.
Laptop Responsive
Tablet Responsive
Mobile Responsive
Key Highlights
- Next.js 15 + React 19 – Built using the latest Next.js App Router and React 19 for enhanced performance and scalability.
- Modern Corporate Design – Minimal, elegant layout showcasing the brand’s legacy and innovative approach.
- Fully Responsive – Seamless experience on mobile, tablet, and desktop using Tailwind CSS.
- Accessibility & Performance – Optimized structure, lazy loading, and responsive images.
- Component-Based Architecture – Built with reusable, modular components for maintainability and scalability.
Packages & Libraries Used
- Next.js 15 – Framework for React with server-side rendering and static generation.
- Tailwind CSS – Utility-first CSS framework for rapid UI development.
- Radix UI – Accessible, unstyled UI primitives for building custom components.
- Lucide React – Beautiful open-source icon set for React.
- Embla Carousel – Lightweight carousel library for modern, touch-friendly sliders.
- Class Variance Authority (CVA) – Helps manage variant-based component styling with Tailwind.
- Clsx – Utility for conditional className merging.
- Tailwind Merge – Smart merging of Tailwind CSS class names.
- Tw Animate CSS – For subtle animations integrated into Tailwind workflow.
© 2025 All Rights Reserved by AllSpark Technologies