Skip to content

Take 2 #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
8 changes: 1 addition & 7 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,7 @@
# <a href="https://modernize-nextjs-free.vercel.app/?ref=5">Modernize-nextjs-free</a>
Modernize Free Next.js 14 Admin Template with Material Ui + Typescript
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/adminmart/Modernize-Nextjs-Free" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" aria-label="Star adminmart/Modernize-Nextjs-Free on GitHub">Give a Star</a>
<!-- Main image of Template -->

<img src="https://adminmart.com/wp-content/uploads/2023/03/modernize-free-next-js-admin-template.png" />




# Installation 👨🏻‍💻

> We recommend you use npm
Expand Down
300 changes: 124 additions & 176 deletions landingpage/index.html

Large diffs are not rendered by default.

78 changes: 78 additions & 0 deletions landingpage/redesign-plan.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
# Landing Page Redesign Plan

## Overview
Transform the current landing page to match the style and effectiveness of Cambridge Online UZ while maintaining the core functionality of showcasing the admin template.

## Key Changes Required

### 1. Header Section
- Modernize the navigation bar
- Add language switcher (EN/RU/UZ)
- Keep the logo but update styling
- Maintain download/pro version buttons but with updated design
- Add a hero section with impactful messaging
- Main headline focusing on the product's impact
- Strong value proposition
- Clear call-to-action buttons

### 2. Main Content Section
- Restructure the comparison section
- Keep the two-column layout (Free vs Pro)
- Update the design to be more visually appealing
- Add hover effects and better spacing
- Improve typography and readability
- Update feature lists with better icons/bullets

### 3. Visual Elements
- Update color scheme
- Primary: Deep blue (#1A237E) - for trust and professionalism
- Secondary: Light blue (#2196F3) - for CTAs and highlights
- Accent: White and light grays for clean, modern feel
- Add more whitespace for better readability
- Include high-quality images/graphics
- Implement subtle animations for better engagement

### 4. Technical Improvements
- Update Bootstrap implementation
- Add custom CSS for new components
- Ensure mobile responsiveness
- Optimize performance
- Add smooth scrolling
- Implement modern hover effects

### 5. Content Updates
- Rewrite headlines to be more impactful
- Update feature descriptions to be more benefit-focused
- Add social proof elements
- Include clear call-to-actions throughout

## Implementation Steps

1. Create new CSS file for custom styles
2. Update HTML structure
- Modify header/navigation
- Add hero section
- Restructure comparison section
3. Implement new visual elements
4. Add responsive design rules
5. Test across devices
6. Optimize performance

## Success Metrics
- Improved visual appeal
- Better user engagement
- Clearer value proposition
- Maintained functionality
- Faster load times
- Better mobile experience

## Timeline
- Phase 1: HTML Structure Updates (1-2 days)
- Phase 2: Styling and Visual Elements (2-3 days)
- Phase 3: Testing and Optimization (1 day)

## Next Steps
1. Review and approve design plan
2. Begin HTML structure updates
3. Implement new styling
4. Test and optimize
Loading