diff --git a/documentation/src/assets/backed-by.ts b/documentation/src/assets/backed-by.ts deleted file mode 100644 index 38a33fa28a04..000000000000 --- a/documentation/src/assets/backed-by.ts +++ /dev/null @@ -1,40 +0,0 @@ -export const backedBy = [ - { - name: "Emre Baran", - avatar: { - light: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/emre.png", - dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/emre-dark.png", - }, - role1: "CEO & Co-founder at Cerbos", - role2: "Expert-in-Residence at Seedcamp", - }, - { - name: "Burak Emre Kabakçı", - avatar: { - light: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/burak.png", - dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/burak-dark.png", - }, - role1: "Staff SWE @ LiveRamp Maker", - }, - { - name: "Piotr Karwatka", - avatar: { - light: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/piotr.png", - dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/piotr-dark.png", - }, - role1: "Co-founder @ Catch The Tornado", - role2: "Business Angel investor", - }, - { - name: "Aksel Kastoryano", - avatar: { - light: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/aksel.png", - dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/aksel-dark.png", - }, - role1: "Entrepreneur - Investor", - }, -]; diff --git a/documentation/src/assets/backed-by.tsx b/documentation/src/assets/backed-by.tsx new file mode 100644 index 000000000000..be5e0b71f0d9 --- /dev/null +++ b/documentation/src/assets/backed-by.tsx @@ -0,0 +1,54 @@ +import React from "react"; + +export const backedBy = [ + { + name: "Emre Baran", + avatar: { + light: + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/emre.png", + dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/emre-dark.png", + }, + role1: "CEO & Co-founder at Cerbos", + role2: null, + }, + { + name: "Burak Emre Kabakçı", + avatar: { + light: + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/burak.png", + dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/burak-dark.png", + }, + role1: Staff SWE at LiveRamp, + role2: null, + }, + { + name: "Theo Browne", + avatar: { + light: + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/theo.png", + dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/theo-dark.png", + }, + role1: "CEO at Ping", + role2: null, + }, + { + name: "Piotr Karwatka", + avatar: { + light: + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/piotr.png", + dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/piotr-dark.png", + }, + role1: "Co-founder at Catch The Tornado", + role2: null, + }, + { + name: "Aksel Kastoryano", + avatar: { + light: + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/aksel.png", + dark: "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/aksel-dark.png", + }, + role1: Entrepreneur - Investor, + role2: null, + }, +]; diff --git a/documentation/src/assets/team.ts b/documentation/src/assets/team.ts index 02ee33d76481..9d98634fbca0 100644 --- a/documentation/src/assets/team.ts +++ b/documentation/src/assets/team.ts @@ -2,52 +2,57 @@ export const team = [ { name: "Civan Özseyhan", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/civan.png", - role1: "Co-Founder", - role2: "CEO", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/civan.png", + role1: "Co-Founder / CEO", + linkedin: "https://www.linkedin.com/in/civan-%C3%B6zseyhan-1ab48814/", }, { name: "Ömer Aplak", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/omer.png", - role1: "Co-Founder", - role2: "CTO", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/omer.png", + role1: "Co-Founder / CTO", + linkedin: "https://www.linkedin.com/in/omer-aplak-14b87099/", }, { name: "Eren Erkalkan", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/eren.png", - role1: "Co-Founder", - role2: "CPO", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/eren.png", + role1: "Co-Founder / Head of Product", + linkedin: "https://www.linkedin.com/in/eren-erkalkan-1b31a89a/", }, { name: "Batuhan Özgür Özdemir", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/batuhan.png", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/batuhan.png", role1: "Tech Lead", + linkedin: "https://www.linkedin.com/in/batuhanw/", }, { name: "Ali Emir Şen", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/ali.png", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/ali.png", role1: "Senior Software Developer", + linkedin: "https://www.linkedin.com/in/aliemir/", }, { name: "Alican Erdurmaz", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/alican.png", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/alican.png", role1: "Software Developer", + linkedin: "https://www.linkedin.com/in/alicanerdurmaz/", }, { name: "Necati Ozmen", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/necati.png", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/necati.png", role1: "Head of Growth", + linkedin: "https://www.linkedin.com/in/necatiozmen/", }, { name: "Recep Kütük", avatar: - "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars/recep.png", + "https://refine.ams3.cdn.digitaloceanspaces.com/website/static/about/images/team-avatars2/recep.png", role1: "Senior Product Designer", + linkedin: "https://www.linkedin.com/in/recepkutuk/", }, ]; diff --git a/documentation/src/components/refine-week/data.tsx b/documentation/src/components/refine-week/data.tsx index aff37fb9507a..61a363ae1170 100644 --- a/documentation/src/components/refine-week/data.tsx +++ b/documentation/src/components/refine-week/data.tsx @@ -209,7 +209,7 @@ export const additionalSources = [ title: "Follow us on", label: "Twitter", icon: , - link: "https://twitter.com/refine_dev", + link: "https://x.com/refine_dev", color: "#00AAEC", }, { diff --git a/documentation/src/pages/about/index.tsx b/documentation/src/pages/about/index.tsx index f34448bb48e1..1955675c6c0a 100644 --- a/documentation/src/pages/about/index.tsx +++ b/documentation/src/pages/about/index.tsx @@ -5,22 +5,20 @@ import { CommonHeader } from "@site/src/refine-theme/common-header"; import { CommonLayout } from "@site/src/refine-theme/common-layout"; import { Istanbul500Icon } from "@site/src/refine-theme/icons/500"; import { GithubIcon } from "@site/src/refine-theme/icons/github"; -import { JoinUsIcon } from "@site/src/refine-theme/icons/join-us"; import { MailIcon } from "@site/src/refine-theme/icons/mail"; import { MarkerIcon } from "@site/src/refine-theme/icons/marker"; -import { OpenSourceIcon } from "@site/src/refine-theme/icons/open-source"; -import { DiscordIcon, TwitterIcon } from "@site/src/refine-theme/icons/popover"; +import { DiscordIcon, XIcon } from "@site/src/refine-theme/icons/popover"; +import { YCombinatorCircleIcon } from "@site/src/refine-theme/icons/ycombinator-circle"; +import { SenovoIcon } from "@site/src/refine-theme/icons/senovo"; import Link from "@docusaurus/Link"; import clsx from "clsx"; import React from "react"; import { backedBy } from "../../assets/backed-by"; import { team } from "../../assets/team"; import { useColorMode } from "@docusaurus/theme-common"; -import { YCombinatorCircleIcon } from "@site/src/refine-theme/icons/ycombinator-circle"; import { CommonThemedImage } from "@site/src/refine-theme/common-themed-image"; const About: React.FC = () => { - const { colorMode } = useColorMode(); return ( <> @@ -28,595 +26,634 @@ const About: React.FC = () => {
+ + + + + + + +
+ + ); +}; + +const Hero = () => { + return ( +
+

+ We're helping organizations to build better web applications, in{" "} + + less time + + , with{" "} + + fewer resources + + . +

+
+ ); +}; + +const AboutUs = () => { + return ( +
+
+ Refine App +
+
-

- We're helping organizations to build better web applications, - in{" "} - - less time - - , with{" "} - - fewer resources - - . -

+

+ Shortly after its initial release on September 2021, Refine has + gained attraction of open-source community and has become + increasingly popular among web application frameworks. +

+

+ With the aim of sustaining the growth and expanding the user base, + the project was backed by prominent VC’s and angel investors on + May 2022. +

+

+ Today, the US-based company has an international team of 10+ + members leading the development of the open-core and building new + products for the ecosystem. +

+
+
+ + ); +}; + +const Socials = () => { + return ( +
+
+
+
+

+ Open-source contributions have always been a major part of + refine’s success. +

+ +

+ We are grateful for all contributors who are developing core + features, making bug-fixes, building community extensions, writing + documentation, reporting issues and giving their constructive + feedback. +

+
+
+
+
+ + + + +
+
+
+
+ ); +}; -
-
+const SocialButton = (props: { + type: "discord" | "github" | "reddit" | "x"; +}) => { + const { colorMode } = useColorMode(); + + const variant = { + discord: { + icon: , + url: "https://discord.gg/refine", + title: "Join our", + label: "Discord Server", + glowColor: "#5561E5", + gradientDark: + "linear-gradient(150deg,#626FF2 0%, rgba(48, 52, 80, 1) 40%)", + gradientLight: "linear-gradient(150deg,#626FF2 0%, #DEE5ED 45%)", + }, + github: { + icon: ( + + ), + url: "https://github.com/refinedev/refine", + title: "Visit our", + label: "GitHub Repo", + glowColor: "#9A9CAA", + gradientDark: + "linear-gradient(150deg,#D6DADE 0%, rgba(48, 52, 80, 1) 30%)", + gradientLight: "linear-gradient(150deg,#D7DADF 0%, #DEE5ED 45%)", + }, + reddit: { + icon: ( + + ), + url: "https://reddit.com/r/refine", + title: "Follow us on", + label: "Reddit", + glowColor: "#A53D24", + gradientDark: + "linear-gradient(150deg,#FF4500 0%, rgba(48, 52, 80, 1) 40%)", + gradientLight: "linear-gradient(150deg,#EF9273 0%, #DEE5ED 45%)", + }, + x: { + icon: , + url: "https://x.com/refine_dev", + title: "Follow us on", + label: "X", + glowColor: "#9A9CAA", + gradientDark: + "linear-gradient(150deg,#D6DADE 0%, rgba(48, 52, 80, 1) 30%)", + gradientLight: "linear-gradient(150deg,#D7DADF 0%, #DEE5ED 45%)", + }, + }; + + return ( + + + ); +}; + +const BackedBy = () => { + return ( +
+

+ Backed by +

+
- -
-
-
-
- -
- -
-

- Open-source contributions have always been a major part of - refine’s success. -

- -

- We are grateful for all contributors who are developing core - features, making bug-fixes, building community extensions, - writing documentation, reporting issues and giving their - constructive feedback. -

-
-
- +
+ + 500 Emerging Europe +
-

- Our Team -

- -
+
+ - {team.map(({ name, avatar, role1, role2 }) => ( -
- {name} - - {name} - - - {role1} - - {role2 && ( - - {role2} - - )} -
- ))} - -
+ Y Combinator +
+
-

- Backed by -

+ +
+ + Senovo + +
+
+
+ {backedBy.map(({ name, avatar, role1, role2 }) => (
-
+ -
- -
- - Y Combinator - -
- -
+ -
- -
+ {role1} + + {role2 && ( - 500 Emerging Europe + {role2} -
-
- -
- {backedBy.map(({ name, avatar, role1, role2 }) => ( -
- - - {name} - - - {role1} - - {role2 && ( - - {role2} - - )} -
- ))}
+ ))} +
+
+ ); +}; + +const WeAreHere = () => { + return ( +
+

+ We are Here +

+ +
+
+ + Refine Office +
-

- We are Here -

- -
-
- - Refine Office - +
+
+
-
-
-
- -
- - 256 Chapman Road STE 105-4
- Newark, DE 19702 - -
- + + 256 Chapman Road STE 105-4
+ Newark, DE 19702 + +
+
-
- +
); }; diff --git a/documentation/src/refine-theme/common-header/menu.tsx b/documentation/src/refine-theme/common-header/menu.tsx index 2d27f289dbf6..f47ef947d8ac 100644 --- a/documentation/src/refine-theme/common-header/menu.tsx +++ b/documentation/src/refine-theme/common-header/menu.tsx @@ -134,7 +134,7 @@ export const Menu: React.FC = ({ variant = "landing" }) => { - +
diff --git a/documentation/src/refine-theme/footer-data.tsx b/documentation/src/refine-theme/footer-data.tsx index 0ffea742f830..e4579260d7f2 100644 --- a/documentation/src/refine-theme/footer-data.tsx +++ b/documentation/src/refine-theme/footer-data.tsx @@ -106,7 +106,7 @@ export const socialLinks = [ }, { icon: FooterTwitterIcon, - href: "https://twitter.com/refine_dev", + href: "https://x.com/refine_dev", }, { icon: FooterLinkedinIcon, diff --git a/documentation/src/refine-theme/icons/open-source.tsx b/documentation/src/refine-theme/icons/open-source.tsx deleted file mode 100644 index 472c8c22e198..000000000000 --- a/documentation/src/refine-theme/icons/open-source.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -export const OpenSourceIcon = (props: React.SVGProps) => ( - - - -); diff --git a/documentation/src/refine-theme/icons/popover/index.ts b/documentation/src/refine-theme/icons/popover/index.ts index 48fae864cccf..51540628829a 100644 --- a/documentation/src/refine-theme/icons/popover/index.ts +++ b/documentation/src/refine-theme/icons/popover/index.ts @@ -20,3 +20,4 @@ export * from "./two-toned-cloud-icon"; export * from "./point"; export * from "./blog"; export * from "./new-badge"; +export * from "./x"; diff --git a/documentation/src/refine-theme/icons/popover/x.tsx b/documentation/src/refine-theme/icons/popover/x.tsx new file mode 100644 index 000000000000..5e31a863c175 --- /dev/null +++ b/documentation/src/refine-theme/icons/popover/x.tsx @@ -0,0 +1,24 @@ +import React from "react"; +import { useColorMode } from "@docusaurus/theme-common"; + +export const XIcon = (props: React.SVGProps) => { + const { colorMode } = useColorMode(); + + return ( + + + + ); +}; diff --git a/documentation/src/refine-theme/icons/senovo.tsx b/documentation/src/refine-theme/icons/senovo.tsx new file mode 100644 index 000000000000..8571dbd6eaf7 --- /dev/null +++ b/documentation/src/refine-theme/icons/senovo.tsx @@ -0,0 +1,57 @@ +import React from "react"; + +export const SenovoIcon = (props: React.SVGProps) => ( + + + + + + + + + + + +);