Merge branch 'feat/new_website' of github.com:supabase/supabase into feat/new_website

www/components/Nav/Company.tsx

@@ -2,9 +2,16 @@ import React from 'react'
 import CompanyData from 'data/Company.json'
 import BlogPostsData from 'data/BlogPosts.json'
 
+type Props = {
+  text: string
+  description? : string
+  url? : string
+  icon? : string
+}
+
 const Company = () => {
-  const iconSections = Object.values(CompanyData).map((company) => {
-    const { text, description, url } = company
+  const iconSections = Object.values(CompanyData).map((company : Props) => {
+    const { text, description, url, icon } = company
 
     const content = (
       <a
@@ -24,7 +31,7 @@ const Company = () => {
             stroke-linecap="round"
             stroke-linejoin="round"
             stroke-width="2"
-            d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"
+            d={icon}
           />
         </svg>
         <div className="ml-4">

www/components/Nav/Developers.tsx

@@ -2,9 +2,17 @@ import React from 'react'
 import DevelopersData from 'data/Developers.json'
 import AnnouncementsData from 'data/Announcements.json'
 
+type Props = {
+  text: string
+  description? : string
+  url? : string
+  icon? : string
+}
+
+
 const Developers = () => {
-  const iconSections = Object.values(DevelopersData).map((company) => {
-    const { text, description, url } = company
+  const iconSections = Object.values(DevelopersData).map((company : Props) => {
+    const { text, description, url, icon } = company
 
     const content = (
       <a
@@ -24,7 +32,7 @@ const Developers = () => {
             stroke-linecap="round"
             stroke-linejoin="round"
             stroke-width="2"
-            d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"
+            d={icon}
           />
         </svg>
         <div className="ml-4">

www/components/Nav/Product.tsx

@@ -66,7 +66,7 @@ const Product = () => {
       <div className="px-4 py-8 sm:py-12 sm:px-6 lg:px-8 xl:pl-12">
         <div>
           <h3 className="text-sm font-medium tracking-wide text-gray-500 dark:text-dark-300 uppercase">
-            Latest news
+            Latest case studies
           </h3>
           <ul className="mt-6 space-y-6">
             {CaseStudiesData.map((caseStudy: any, idx: number) => (
@@ -95,14 +95,14 @@ const Product = () => {
             ))}
           </ul>
         </div>
-        <div className="mt-6 text-sm font-medium">
+        {/* <div className="mt-6 text-sm font-medium">
           <a
             href="/blog"
             className="text-gray-600 hover:text-gray-500 dark:text-brand-600 dark:hover:text-brand-700 transition ease-in-out duration-150"
           >
             View all posts <span aria-hidden="true">&rarr;</span>
           </a>
-        </div>
+        </div> */}
       </div>
     </React.Fragment>
   )

www/components/Nav/index.tsx

@@ -153,7 +153,7 @@ const Nav = (props: Props) => {
       className={`
                   inline-flex items-center px-1 border-b-2 border-transparent text-sm font-medium text-gray-500 hover:text-gray-700
                   dark:text-dark-100 cursor-pointer
-                `}
+                ` + (props.active )}
       onClick={props.onClick}
     >
       <>
@@ -208,11 +208,11 @@ const Nav = (props: Props) => {
                 onClick={() => handleToggle(() => setOpenDevelopers(!openDevelopers))}
                 active={openDevelopers}
               />
-              <FlyOutNavButton
+              {/* <FlyOutNavButton
                 title={'Company'}
                 onClick={() => handleToggle(() => setOpenCompany(!openCompany))}
                 active={openCompany}
-              />
+              /> */}
 
               <FlyOut open={openProduct} handleCancel={handleCancel}>
                 <Solutions />
@@ -220,9 +220,19 @@ const Nav = (props: Props) => {
               <FlyOut open={openDevelopers} handleCancel={handleCancel}>
                 <Developers />
               </FlyOut>
-              <FlyOut open={openCompany} handleCancel={handleCancel}>
+              {/* <FlyOut open={openCompany} handleCancel={handleCancel}>
                 <Company />
-              </FlyOut>
+              </FlyOut> */}
+              <a
+                href="/beta"
+                className={`
+                  inline-flex items-center px-1 border-b-2 border-transparent text-sm font-medium
+                  text-gray-500 hover:text-gray-700 hover:border-gray-500 p-5
+                  dark:text-dark-100 dark:hover:border-dark-100
+                `}
+              >
+                Beta
+              </a>
               <a
                 href="/docs/pricing"
                 className={`

www/data/Company.json

@@ -2,21 +2,25 @@
   {
     "text": "Blog",
     "description": "Read the latest developments from Supabase",
-    "url": "https://supabase.io/blog"
+    "url": "https://supabase.io/blog",
+    "icon": "M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
   },
   {
     "text": "Open Source",
     "description": "Supabase is an opensource company, supporting existing open source tools and communities wherever possible.",
-    "url": "https://supabase.io/oss"
+    "url": "https://supabase.io/oss",
+    "icon": "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
   },
   {
     "text": "Humans.txt",
     "description": "Overview of Supabase staff",
-    "url": "https://supabase.io/humans.txt"
+    "url": "https://supabase.io/humans.txt",
+    "icon": "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
   },
   {
     "text": "Lawyers.txt",
     "description": "Details of technology used by Supabase",
-    "url": "https://supabase.io/lawyers.txt"
+    "url": "https://supabase.io/lawyers.txt",
+    "icon": "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
   }
 ]

www/data/Developers.json

@@ -2,11 +2,13 @@
   {
     "text": "Documentation",
     "description": "Everything you need that makes it simple to get started.",
-    "url": "https://supabase.io/docs"
+    "url": "https://supabase.io/docs",
+    "icon": "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
   },
   {
     "text": "API reference",
     "description": "Examples and references for using API libraries",
-    "url": "https://supabase.io/docs/client/supabase-client"
+    "url": "https://supabase.io/docs/client/supabase-client",
+    "icon": "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
   }
 ]