Replacing all files from the 'main' branch with files from the 'nextr…

…a' branch.

.gitignore

@@ -1,36 +1,3 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+node_modules
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
+.next/

components/ContentBox.jsx

@@ -0,0 +1,7 @@
+export default function ContentBox({ children }) {
+  return (
+    <div className="w-10/12 sm:w-8/12 mx-auto mb-20 sm:mb-16">
+      {children}
+    </div>
+  )
+}

components/ContentBoxCarouselFourColumns.jsx

@@ -0,0 +1,7 @@
+export default function ContentBoxCarouselFourColumns({ children }) {
+  return (
+    <div className="grid grid-cols-2 sm:grid-cols-4 gap-10 w-full h-fit bg-[#06191f] rounded-b-lg font-light px-12 py-8">
+      {children}
+    </div>
+  )
+}

components/ContentBoxCarouselTwoColumns.jsx

@@ -0,0 +1,7 @@
+export default function ContentBoxCarouselTwoColumns({ children }) {
+  return (
+    <div className="grid grid-cols-1 sm:grid-cols-2 gap-10 w-full h-fit bg-[#06191f] rounded-b-lg font-light px-12 py-8">
+      {children}
+    </div>
+  )
+}

components/ContentBoxPartner.jsx

@@ -0,0 +1,9 @@
+export default function ContentBoxPartner({ img, url }) {
+  return (
+    <div className="w-full mb-4">
+      <a href={url} target="_blank">
+        <img src={img} className="w-full" />
+      </a>
+    </div>
+  );
+}

components/ContentBoxProject.jsx

@@ -0,0 +1,15 @@
+export default function ContentBoxProject({ logo, img, name, url, description }) {
+  return (
+    <div className="w-full mb-6 sm:mb-0">
+      <div className="relative w-full mb-4">
+        <img src={logo} className="absolute w-4/6 sm:w-1/2 left-5 bottom-5 z-10"/>
+        <img src={img} className="w-full rounded-lg" />
+      </div>
+      <div>
+        <p className="text-xl">
+          <a href={url} target="_blank" className="font-extrabold underline">{name}</a> {description}
+        </p>
+      </div>
+    </div>
+  )
+}

components/ContentBoxSubTitle.jsx

@@ -0,0 +1,3 @@
+export default function ContentBoxSubTitle({ children }) {
+  return <span className="font-extrabold">{children}</span>;
+}

components/ContentBoxTeamMember.jsx

@@ -0,0 +1,19 @@
+export default function ContentBoxTeamMember({ img, name, jobTitle, url }) {
+  return (
+    <div>
+      <div className="mb-4">
+        <img src={img} className="w-full rounded-lg" />
+      </div>
+      <div className="text-lg text-center">
+        {url === "" ? (
+          <p className="font-extrabold">{name}</p>
+        ) : (
+          <a href={url} target="_blank">
+            <p className="font-extrabold">{name}</p>
+          </a>
+        )}
+        <p>{jobTitle}</p>
+      </div>
+    </div>
+  );
+}

components/ContentBoxText.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export default function ContentBoxText({ children }) {
+  const countChildren = React.Children.count(children);
+  const fontSize = countChildren > 1 ? "xl" : "2xl"; 
+
+  return <div className={"text-" + fontSize + " space-y-6"}>{children}</div>;
+}

components/ContentBoxTitle.jsx

@@ -0,0 +1,5 @@
+export default function ContentBoxTitle({ children }) {
+  return (
+    <div className="place-content-center w-full h-14 bg-[#06191f] rounded-t-lg text-2xl font-bold px-8 mb-1">{children}</div>
+  )
+}

components/Footer.jsx

@@ -0,0 +1,7 @@
+export default function Footer({ children }) {
+  return (
+    <div className="grid w-full h-96 bg-[#06191f] font-jost text-white text-xl text-center place-content-center space-y-2">
+      {children}
+    </div>
+  )
+}

components/MainContent.jsx

@@ -0,0 +1,7 @@
+export default function MainContent({ children }) {
+  return (
+    <div className="w-full h-fit bg-[#01242c] font-jost text-white py-20">
+      {children}
+    </div>
+  )
+}

components/header.jsx

@@ -0,0 +1,18 @@
+export default function Header({ children }) {
+  return (
+    <section className="flex flex-wrap flex-col w-full h-screen bg-home bg-cover bg-center font-jost text-white text-2xl sm:text-3xl sm:leading-normal">
+      <div className="absolute w-10/12 sm:w-7/12 bottom-48 left-1/2 transform -translate-x-1/2 space-y-6 sm:space-y-0">
+        <div className="flex flex-row w-full">
+          <div className="basis-1/2 sm:basis-1/5">
+            <img src="/logo.svg" alt="Arka logo" className="w-full" />
+          </div>
+          <div className="basis-1/2 sm:basis-4/5"></div>
+        </div>
+        <div className="flex flex-row w-full sm:space-x-14">
+          <div className="basis-1/5 sm:basis-1/5"></div>
+          <div className="basis-4/5 sm:basis-4/5">{children}</div>
+        </div>
+      </div>
+    </section>
+  );
+}

components/locale-switch.jsx

@@ -0,0 +1,33 @@
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/react'
+import { useState, useEffect } from 'react'
+import { useRouter } from 'next/router';
+import themeConfig from '../theme.config'
+
+export default function LocaleSwitch({ className }) {
+    const router = useRouter();
+    const { asPath, locale } = router;
+    const { i18n } = themeConfig; 
+    const [selectedLanguage, setSelectedLanguage] = useState(i18n[0])
+
+    useEffect(() => {
+        const currentLanguage = i18n.find(l => l.locale === locale) || i18n[0];
+        setSelectedLanguage(currentLanguage);
+      }, [locale]);
+
+    const handleLocaleChange = (language) => {
+        router.push(asPath, asPath, { locale: language.locale });
+      };
+
+    return (
+        <Listbox as="div" value={selectedLanguage} onChange={handleLocaleChange} className={className}>
+            <ListboxButton>{selectedLanguage.text}</ListboxButton>
+            <ListboxOptions anchor="bottom">
+                {i18n.map((language) => (
+                    <ListboxOption key={language.locale} value={language} className="data-[focus]:bg-blue-100">
+                        {language.text}
+                    </ListboxOption>
+                ))}
+            </ListboxOptions>
+        </Listbox>
+    )
+}

middleware.js

@@ -0,0 +1 @@
+export { locales as middleware } from 'nextra/locales'

next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -1,6 +1,14 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-    output: 'export'
-}
-
-module.exports = nextConfig
+const withNextra = require('nextra')({
+  theme: './theme.tsx',
+  themeConfig: './theme.config.jsx'
+})
+
+module.exports = withNextra({
+    i18n: {
+      locales: ['en', 'pt'],
+      defaultLocale: 'en'
+    }
+  })
+
+// If you have other Next.js configurations, you can pass them as the parameter:
+// module.exports = withNextra({ /* other next.js config */ })