Design Landing Page
jaydrogers opened this issue · comments
🎨Design File
⚡️ Page Notes
Navigation
- Link logo to financialfreedom.app
- Link Docs page to Nuxt Content page
- Discord should be linked to https://serversideup.net/discord
- "Star on GitHub" should go to https://github.com/serversideup/financial-freedom
- "Get Notified " should go to our email list sign up (maybe an external ConvertKit page? @danpastori: I can make a quick page where they can sign up if you want the branding to match better)
- Make the header sticky and transparent on scroll (like we did for serversideup/php)
- Favicon is located here
Convert Kit & Sign Up
- Add the user to our main Server Side Up list
- Tag them as "financial-freedom"
- Feel free to whip together a welcome email (@danpastori: I can help write this if needed, just let me know)
Social Image
- Ensure social image is designed and working with Twitter
Footer
- Use a very similar footer as serversideup/php
- On hover, feel free to make that section look cool and pick any colors you think is best. We can always adjust if needed
Mobile
Overall notes
- Mainly everything is the same, but some text may scale down
Mobile navigation
- Show a hamburger menu
- On expand, have the menu behave similar to serversideup/php
@danpastori: The above page is ready for development. Let me know if you have any questions 🎉
@jaydrogers I link the "Get Notified" buttons to the form on the landing page for now. If you want to make a quick convert kit form landing page, I can do that. Just let me know.
@jaydrogers for now, I just removed the search link. I'm going to get it working in serversideup/docker-php#131 first. When we develop content we can submit to Algolia instant search, get our keys and have something to index.