🚀 : Better Footer Design

xuelink commented 5 months ago

Is your feature request related to a problem? Please describe. The current footer design lacks clarity and organization, making it difficult for users to navigate and find relevant information easily.

Describe the solution you'd like Implement a better footer design that clearly categorizes sections such as Product, Learn, Resources, and About. Each category should be easily distinguishable and clickable, leading users to the respective sections of the website.

Describe alternatives you've considered One alternative could be to revamp the entire website layout, including the footer, to ensure a more cohesive user experience. However, a focused improvement on the footer alone might be a quicker and more targeted solution.

Additional context Attached is some example screenshots illustrating the desired footer design.

If you want speed up process of this issue, please send 🚀 as a reaction.

xuelink commented 5 months ago

should be added.

[ ] Token (token.langx.io)
[ ] Insight (insight.langx.io)
[ ] Backlog (backlog.langx.io)

xuelink commented 5 months ago

@jakebogan01 i think you can deal with this issue as well :)

jakebogan01 commented 5 months ago

@xuelink Yeah, no problem I can take care of this one as well.

xuelink commented 5 months ago

@xuelink Yeah, no problem I can take care of this one as well.

@jakebogan01 Thank you very much !

jakebogan01 commented 5 months ago

@xuelink No problem

xuelink commented 5 months ago

@jakebogan01 As a reminder, please test it with mobile version and narrow browser as well, its kind of tricky when you are doing it :) Let me know if need any help or further questions, thank you !

jakebogan01 commented 5 months ago

@xuelink Thanks for the tips, I'll try my best to make sure the new footer design update looks good

jakebogan01 commented 5 months ago

@xuelink I created a PR let me know what you think

xuelink commented 5 months ago

Hey @jakebogan01,

I hope you're doing well! I've been thinking about our website lately, and I'm really excited about the idea of creating a v0.3 version with a fresh perspective. I believe there's so much potential to enhance the user experience and overall aesthetics.

I'd like to propose a collaborative effort where you can take the lead on redesigning all the components from your unique viewpoint. Your creativity and expertise could truly breathe new life into our website.

To facilitate this process, I'm more than happy to grant you admin rights to the repository. This will give you the freedom to work on a new branch and implement your vision without any constraints.

I understand that you're familiar with the general structure and functionalities of the website, which will undoubtedly expedite the development process.

Let's embark on this journey together and create something remarkable. Your input and dedication will be invaluable in shaping the future of our online presence.

Looking forward to hearing your thoughts and kicking off this exciting project!

jakebogan01 commented 5 months ago

@xuelink Thank you for the offer, I am honored to be apart of the journey. I would like to help continue to improve the success and growth of the site. I will try me best to spare as much spare time I can and help with the front-end redesign.

I would like to point out a few things. I'm not sure if you are aware of Tailwind CSS, it is a common and most popular utility CSS framework that I would highly recommend to use in the v0.3 of your site (only if you approve of course).

It makes the styling much quicker and cleaner. Also, you can combine this with a UI library such as Skeleton UI. Skeleton UI only works with Sveltekit and is an amazing UI made with Tailwind CSS. Although it might be a hit or miss trying to implement it into an already existing project. Usually you are meant to create a new project built by Skeleton. However, it is still possible to implement itself into existing projects.

With that being said, if you choose to not use Tailwind, that is 100% fine. I can help maybe create a few mockup redesigns of the website and we can collaborate on changes to be made before I implement them into the code myself.

xuelink commented 5 months ago

@xuelink Thank you for the offer, I am honored to be apart of the journey. I would like to help continue to improve the success and growth of the site. I will try me best to spare as much spare time I can and help with the front-end redesign.

I would like to point out a few things. I'm not sure if you are aware of Tailwind CSS, it is a common and most popular utility CSS framework that I would highly recommend to use in the v0.3 of your site (only if you approve of course).

It makes the styling much quicker and cleaner. Also, you can combine this with a UI library such as Skeleton UI. Skeleton UI only works with Sveltekit and is an amazing UI made with Tailwind CSS. Although it might be a hit or miss trying to implement it into an already existing project. Usually you are meant to create a new project built by Skeleton. However, it is still possible to implement itself into existing projects.

With that being said, if you choose to not use Tailwind, that is 100% fine. I can help maybe create a few mockup redesigns of the website and we can collaborate on changes to be made before I implement them into the code myself.

@jakebogan01 Tailwind CSS library is indeed very successful and widely used, feel free to use it. No issues, no problem. It would be great for me to get experience and learn about tailwind through this process as well. Additionally, benefiting from your knowledge will surely accelerate and guide us. Thank you!

jakebogan01 commented 5 months ago

@xuelink No worries, adding Tailwind to the project is very easy. I never added Tailwind to a project that already has SCSS, so if it doesn't work out then its not a huge problem, we would just stick with the SCSS you already have.

I can continue to make design adjustments, especially from the issues tab, as well as normal adjustments. I can make some mockups/prototype designs and share them with you and get your opinion on any components that may need some help.

xuelink commented 5 months ago

@jakebogan01 Ok, feel free and its also ok to convert them all if needs, no worries! You have a part of website Team here now which has write permissions for website & token-website and all future web related repos. So you can feel free to make any changes if you want, i had a chance to take a look your portfolio, they looks awesome. Congrats!

jakebogan01 commented 5 months ago

@xuelink Thank you, I'll do my best

xuelink commented 5 months ago

Also, we can move out blog to Medium? @pizofreude suggests that it's time to open a Medium page and migrate our blog there. What do you think @jakebogan01 ? It makes this repo more comfortable to work if we wont have inline blog feature, but at the same time, its not helpful for SEO, i dont know :) What do you suggest ?

jakebogan01 commented 5 months ago

@xuelink just to make sure I understand, your thinking of making a separate page or website for the blog?

xuelink commented 5 months ago

@jakebogan01 I mean to make outsource blog here: https://medium.com/ or keep it within the webpage as we currently have

jakebogan01 commented 5 months ago

@xuelink Oh okay. I'm not really sure, personally I never made nor owned a blog nor managed a business blog before, so I wouldn't know the best company strategic strategy to go with to be honest.

pizofreude commented 5 months ago

I would highly advice to maintain our current subdirectory blog: https://langx.io/blog/ and only create a new subdomain and linked it to Medium when we create an official one for LangX. This does two things: Keep current SEO and improve it via the new subdomain re: blog.langx.io for our official Medium blog. It would be very intuitive if we can add auto-publish from our subdirectory blog to our subdomain blog. I know this feature is available as plugin in Wordpress. However, Angular is totally new tool for me and currently I'm not well-versed on how to implement it. For blog structure with SEO optimization, my proposal is still WIP (not enough time to work on it now, need to clear more on my pipeline). We can add backlink of this subdomain blog in the footer of LangX as follows:

xuelink commented 5 months ago

I like that idea to keep up with both of them. Automation is no problem i can donit but is there any danger zone here because im worried about SEO, google spiders may decrease our website value because we have duplicate content with Medium? 🤷🏻‍♂️

When we add backlink within Footer section then it may work perfectly as you said @pizofreude

pizofreude commented 5 months ago

Regarding SEO for republishing blog content from our subdirectory to subdomain, I have seen many companies do it. If memory recalls correctly, we have someone from our Discord who is a master SEO. I can't recall his/her name though. Do you know who I'm referring to? Otherwise, here's what my quick AI companion aide have to say about it:

Republishing content from your website's subdirectory to a Medium subdomain can indeed have implications for SEO, particularly concerning duplicate content. Here are some key points to consider:

Duplicate Content: Google's algorithms are designed to avoid showing multiple versions of the same content. If the same content appears on both your subdirectory and Medium subdomain, Google may filter one out of the search results¹².
Canonical Tags: To mitigate the risk of duplicate content penalties, you can use canonical tags. A canonical tag tells search engines which version of the content is the "master" or original. You can set the canonical URL to your original blog post on your subdirectory, indicating to search engines that the Medium post is a duplicate and the original content is on your site¹².
SEO Impact: Subdomains are often treated as separate entities by search engines, meaning any link equity and authority built by your content on Medium may not directly benefit your main domain. Conversely, content in a subdirectory is more closely tied to the main domain's SEO metrics¹².
Content Strategy: If SEO is a priority, consider whether republishing on Medium aligns with your overall content strategy. Medium can be a great platform for reaching a new audience, but if the goal is to strengthen your site's SEO, keeping content within your subdirectory may be more beneficial².

In summary, while republishing to Medium can help with visibility and reaching a broader audience, it's important to carefully manage the SEO aspects to ensure that your website's value isn't diminished due to duplicate content issues. Using canonical tags and considering the strategic goals of your SEO and content marketing efforts will be crucial in navigating this potential danger zone¹²³.

Source: Conversation with Bing, 4/18/2024 (1) Subdomain or Subdirectory? What They Are & How They Affect SEO. https://blog.hubspot.com/marketing/subdomain-vs-subdirectory. (2) Subdomains for SEO: Should You Use Them? Why & Why Not. https://www.seo.com/blog/subdomains-for-seo/. (3) New Writer’s Crash Course #2: Subdirectory or Subdomain? - Medium. https://medium.com/new-writers-welcome/new-writers-crash-course-2-subdirectory-or-subdomain-2c4d5a89a720.

May Canonical Tags be in our force.

xuelink commented 5 months ago

@pizofreude OK, i got the point. If you remember that you see some of the companies do blog for both, its ok, no need to overthinking about it aha. Besides that, i remember that SEO Guy but i dont want to ping him, he is trying to start a new career in US so nowadays he is super busy. It's ok, Medium is the best for blogging and SEO as well but we should have enterprise solution i think. it costs 5bucks a month :D

pizofreude commented 5 months ago

we should have enterprise solution

Custom domain and blog repost automation isn't really necessary for now. We can opt for the free tier Medium and manually republish the canonical link there. Once we hit >5 blogs weekly basis, then we'll think about the enterprise solution.

xuelink commented 5 months ago

Once we hit >5 blogs weekly basis, then we'll think about the enterprise solution.

@pizofreude Sounds great! But can't open any publicitaions with a free tier, it redirects to https://medium.com/plans

pizofreude commented 5 months ago

No need to create our own publication, just publish without publication. It makes more sense to apply for "language-related" existing publications in Medium instead for better reach. Creating our own publication starts from 0, unless we have existing email list for it.

We don't want to create a dead publication like LingQ and hence wasting resources.

xuelink commented 5 months ago

@pizofreude they have both https://www.lingq.com/blog/ https://medium.com/the-linguist-on-language

By the way i changed my username to langx :D is it ok ? https://langx.medium.com/

xuelink commented 5 months ago

By the way, i liked the design of lingq.com , it reminds me duolingo.com.

You are free to do but its just for your information @jakebogan01

pizofreude commented 5 months ago

they have both

correct, so does many other companies I've seen. They always use both subdirectory and subdomain for blog as noted before. Medium uses email as sign up option, it would be better if we use the official LangX email. Then you can use your personal Medium account to like and save it for algo. Is it possible for you to update the email for LangX to info@langx.io from the old email? And then use it for the Medium. This way, it looks more professional and we have extra personal account from you. Which email hosting you currently used for the info@languageXchange.net? Disroot allows custom domain linking for email hosting with the cost of 12 coffee --lifetime.

xuelink commented 5 months ago

they have both

correct, so does many other companies I've seen. They always use both subdirectory and subdomain for blog as noted before. Medium uses email as sign up option, it would be better if we use the official LangX email. Then you can use your personal Medium account to like and save it for algo. Is it possible for you to update the email for LangX to info@langx.io from the old email? And then use it for the Medium. This way, it looks more professional and we have extra personal account from you. Which email hosting you currently used for the info@languageXchange.net? Disroot allows custom domain linking for email hosting with the cost of 12 coffee --lifetime.

It's the last issue https://github.com/langx/langx/issues/654 about our old domain

i just took the username langx now and ok, gonna register from strech then move this username to our new account.

xuelink commented 5 months ago

@jakebogan01 fixed with this commit: https://github.com/langx/website/commit/1d14b562c8a303fcfa69e2296509594913f61069

https://github.com/langx/website/assets/3280475/48a7ef42-8038-4c0f-9897-902f5538667c

jakebogan01 commented 5 months ago

@xuelink thanks for fixing that, didn't see that issue myself

xuelink commented 5 months ago

@jakebogan01 i coudn't centered second line, if you are able to do, appriciated :)

jakebogan01 commented 5 months ago

@xuelink no worries I'll look into it

langx / website

🚀 : Better Footer Design #48