[Beta] Homepage (#5501)

* twk

* more

* twkg

* bla

* search bar, blog, misc polish

* fixes

* polish

* fixes

* polish

* adding back select

* change order on mobile

* fixes

* search fix

* fix

* make select chevron clickable

* add isLoading boolean to example4

* wip

* tweak

* wip

* rewire

* wip

* tweaks

* wip

* wip

* twk

* content

* twk

* twk

* twk

* fix

* wip

* adding community marquee

* fix

* polish

* polish

* optimize img

* images

* 8 images

* stuff

* swap

* words

* making the button fun

* slightly more subtle

* checking in OG images

* tweak

* words

* lol

* improve blog section

* algolia.css improvements

* words

* fix

* wat

* Revert "8 images"

This reverts commit 31c69ed78c310d7bfce359b10f334becb0bd8866.

* wip

* 8 images

* add new badge and bottom align date

* change icon

* rm new for now

* change icon

* img

* Revert "change icon"

This reverts commit a2758b97b57dc9fddd661f73995fa014cd2d70eb.

* mobile fixes for marquee

* like button tweaks

* polish

* en dash

* adding ctas

* clean up images, wire up og

* more subtle search

* smaller divider

* remove search shadow

* cta

* cleanup

* cta

* refactor

* Revert "remove search shadow"

This reverts commit a4e0d972117693b4afea91d131e6c3d4f934f6a4.

* Revert "smaller divider"

This reverts commit 0996b5bedeeaa2e3bb42e5ea18b784e438ded88a.

* Revert "more subtle search"

This reverts commit 734b5d7129e0fda20bd262bdab5c13ff88b56199.

* scroll topg

* tweaks

* tweaks

* cta

* words

* words

* typo

* batch of visual polish / touches

* tweak

* add subheader component

* algolia css fixes

* border

* tweaks

* tweak

* polish

* tweak

* gradient text

* flip gradient text

* grad

* gr

* tweak

* swap

* reorder

* rm

* caps

* updated fonts

* top nav tweak

* tweak

* more rounded left/right bars

* `Conferences`: Move past conferences to past section (#5544)

* Move past conferences to past section

* Update ordering for past conferences, most recent first

* added React Nexus to conference list in beta docs (#5552)

* Fix typo in flushSync docs (#5589)

* fix: change experimental_useEvent to experimental_useEffectEvent in escape-hatches.md (#5573)

* Fix typo in forwardRef Beta Docs Reference (#5570)

* Fixed wrong debug command (#5596)

* Forgotten import statement for `createElement` (#5601)

Added `createElement` in the import statement since it was used within the code snippet but was not imported.

* docs: fix `react-hooks/exhaustive-dependencies` typo (#5605)

The rule is `exhaustive-deps`, not `exhaustive-dependencies`.

Signed-off-by: Eng Zer Jun <engzerjun@gmail.com>

* fix: correct prev link in `hello-world` (#5595)

* fix typo (#5611)

* Fix fonts

* Update .gitignore

* more preload

* meh

* fixes

* fix missing

* increase width

* words

* twl

* put real images

* blog fixes

* all imgs

* read more button

* add react text on large screens

* misc polish, new icons, footer tweaks

* change pitfall icon

* fix

* add gradient

* fix

* blog updates

* scroll lock

* fit

* blog tweaks

* display

* smaller images

* tweaks

* separate component

* fix some hanging words

* tinier images

* even tinier I guess

* small a11y fixes

* minor

* add experimental_

* check in images

* compress

* lazy load community

* fix

* outline

* svg conf bgs

* crush images

* reorder images for balance

* bg in case images don't load

* RN CTA target=_blank

* refactor

* rmfixed

* eager lazyg

* dimensions

* add some content vis

* lock

* detect scroll without event

* ts

* check

* Revert "check"

This reverts commit c4048920b7cfe9f32d735c8dda744e3831168ed4.

* remove feedback on mobile

* just "Go truly native"

* anim-fix

* fix stretching

* tsc

* more scroll perf

* mobile nav fixes

* z-index fix

* z

* next/link for CTA for scroll restoration and client-side nav

* logo symmetry

* curly quotes

* fix

* fix wrapping on mobile on platform section

* highlights

* polish

* tweaks

* fix safari

* adjust outline above SearchInput

* symmetry

* spacing

* tweak

* nbsp

* orphans

* fix

* no match

* oops

* extract posts

* fixnav

* let them play a bit more

* don't animate until hydration

* fix boundaries calc

* fix og images

* 404

* twks

* fix likes

* less aggro lock

* no initial fadein

* gpu

* fix sticky

* more opt

* clearer

* twk

* wip

* wip

* wip

* wip

* post

* tweak shadows

* nav animation

* twk

* fix

* fix grid alignment

* fix

* animation tweak

* wip

* stuff

* recommend to

* drop spin

* link

* edits

* edit

* twk

* clarify

* twk

* twk

* twk

* link

* edits

* dates

* fix

* edits

* words

* fixes

* refactor

* tweak

* twk

* custom setups

* expo

---------

Signed-off-by: Eng Zer Jun <engzerjun@gmail.com>
Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Co-authored-by: D <dan.lebo@me.com>
Co-authored-by: Sophie Alpert <git@sophiebits.com>
Co-authored-by: Nick Foden <nickfoden@gmail.com>
Co-authored-by: Kiran Abburi <akiran@users.noreply.github.com>
Co-authored-by: Minh Nguyen <2852660+NMinhNguyen@users.noreply.github.com>
Co-authored-by: LamNVQ <97967630+DawnGate@users.noreply.github.com>
Co-authored-by: Hyunseung Lee <hyunseunglee2008@gmail.com>
Co-authored-by: BIKI DAS <bikid475@gmail.com>
Co-authored-by: Mark Evola <76978800+MarkE16@users.noreply.github.com>
Co-authored-by: Eng Zer Jun <engzerjun@gmail.com>
Co-authored-by: Xavi Lee <awxiaoxian2020@163.com>
Co-authored-by: 이동현 <ldh19971027@gmail.com>
Co-authored-by: Dan Abramov <dan.abramov@me.com>

beta/colors.js

@@ -8,6 +8,8 @@ module.exports = {
   'primary-dark': '#F6F7F9', // gray-5
   secondary: '#404756', // gray-70
   'secondary-dark': '#EBECF0', // gray-10
+  tertiary: '#5E687E', // gray-50
+  'tertiary-dark': '#99A1B3', // gray-30
   link: '#087EA4', // blue-50
   'link-dark': '#149ECA', // blue-40
   syntax: '#EBECF0', // gray-10
@@ -28,14 +30,16 @@ module.exports = {
   'gray-80': '#343A46',
   'gray-70': '#404756',
   'gray-60': '#4E5769',
-  'gray-50': '#5E687E', // unused
+  'gray-50': '#5E687E',
   'gray-40': '#78839B',
   'gray-30': '#99A1B3',
   'gray-20': '#BCC1CD',
+  'gray-15': '#D0D3DC',
   'gray-10': '#EBECF0',
   'gray-5': '#F6F7F9',
 
   // Blue
+  'blue-80': '#043849',
   'blue-60': '#045975',
   'blue-50': '#087EA4',
   'blue-40': '#149ECA', // Brand Blue

beta/public/icons/logo-white.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
-  <title>React Logo</title>
-  <circle cx="0" cy="0" r="2.05" fill="#fff"/>
-  <g stroke="#fff" stroke-width="1" fill="none">
-    <ellipse rx="11" ry="4.2"/>
-    <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
-    <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
-  </g>
-</svg>

beta/public/icons/logo.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
-  <title>React Logo</title>
-  <circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
-  <g stroke="#61dafb" stroke-width="1" fill="none">
-    <ellipse rx="11" ry="4.2"/>
-    <ellipse rx="11" ry="4.2" transform="rotate(60)"/>
-    <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
-  </g>
-</svg>